ele.offsetTop

  • ele.offsetTop 返回元素相对于其 offsetParent 元素的顶部内边距的距离。offsetParent 通常是最接近的具有定位(relative, absolute, 或 fixed)的祖先元素,如果没有这样的元素,则是文档的根元素。
  • 在代码中,obj.offset().top 返回的是 obj 元素相对于文档顶部的偏移量。

ele.scrollTop

  • ele.scrollTop 返回元素的垂直滚动条的位置。对于窗口对象,$(window).scrollTop() 返回的是文档的当前滚动位置,即用户滚动到的垂直距离。

window.height:

  • window.height 获取窗口的高度。$(window).height() 返回的是浏览器窗口的高度,单位为像素。

ele.getBoundingClientRect():

  • ele.getBoundingClientRect() 返回元素的大小及其相对于视口的位置。该方法返回一个 DOMRect 对象,包含 top、right、bottom、left、width 和 height 属性。
  • 与 ele.offsetTop 不同,getBoundingClientRect() 返回的坐标是相对于视口而不是文档。视口是浏览器显示页面的部分,而文档则是整个网页。