jQuery中获取元素到页面可视区顶端距离有什么方法

jQuery中获取元素到页面可视区顶端距离有什么方法,第1张

$('h2#answers-title')offset()top-$(document)scrollTop();

$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置

$(document)scrollTop() 整个文档被上卷的高度

2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置

$(window)height();//是文档窗口高度

$("div")offset()top//是标签距离顶部高度

$(document)scrollTop();//是滚动条高度

$("div")height();//是标签高度

用户要的高度+$("div")height()+[$("div")offset()top-$(document)scrollTop()]=$(window)height();

扩展资料:

JQuery参考函数

$(“元素”)prepend(content); 将content作为该元素的一部分,放到该元素的最前面

$(“元素”)prependTo(content); 将该元素作为content的一部分,放content的最前面

$(“元素”)remove(“exp”); 删除所有含有exp的元素

$(“元素”)wrap(“html”); 用html来包围该元素

$(“元素”)wrap(element); 用element来包围该元素

参考资料来源:百度百科-jQuery

①jquery在父页面 获取iframe子页面的元素

代码如下:(objid为子页面的id)

$("#objid",documentframes('iframename')document)

②js 在父页面获取iframe子页面元素代码如下:

windowframes["iframe_ID"]documentgetElementByIdx_x("元素id");

以上两种都能获取到子页面中的元素,再根据元素去获取元素的值就可以了。

$(window)height();//是文档窗口高度

$("div")offset()top//是标签距离顶部高度(没有到下面的距离,比如$("div")offset()down)

$("div")offset()left//是标签距离右边高度(没有到下面的距离,比如$("div")offset()right)

$(document)scrollTop();//是滚动条高度

$("div")height();//是标签高度

你要的高度+$("div")height()+[$("div")offset()top-$(document)scrollTop()]=$(window)height();

经过简单的数学变换即可得到你要的值了

获取页面某一元素的绝对X,Y坐标,可以用offset():

var X = $(‘#DivID’)offset()top;

var Y = $(‘#DivID’)offset()left;

获取相对(父元素)位置:

var X = $(‘#DivID’)position()top;

var Y = $(‘#DivID’)position()left;

通过getBoundingClientRect方法获取对象位置,包含: left , top , right , bottom 4个参数值。

以上就是关于jQuery中获取元素到页面可视区顶端距离有什么方法全部的内容,包括:jQuery中获取元素到页面可视区顶端距离有什么方法、jquery获取元素到屏幕底的可视距离、jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9759687.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存