您的位置 首页 css教程

jQuery怎么获取元素到页面顶部的距离?

jQuery怎么获取元素到页面顶部的距离?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jQuery获取元素到页面顶部的距离

超简单的方法:

$( "元素选择器" ).offset().top;

说明:

offset() 方法返回被选元素相对于文档的偏移坐标。

该方法会返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

offset().top

offset()的top是指元素与document的上边的距离,而不是浏览器当前窗体的上边缘,如图1。

图1:document高度超过window,浏览器出现滚动条,滚动滚动条,提交按钮的offset不变。

1.png

图2:document中的div有滚动条,提交按钮的offset随div的滚动变化而变化,与document无关

2.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是jQuery怎么获取元素到页面顶部的距离?的详细内容,更多请关注火云技术网其它相关文章!

关于作者: admin

热门文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注