Question

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

Answer 1

$('h2#answers-title').offset().top-$(document).scrollTop();
$('h2#answers-title').offset().top h2#answers-title元素相对于document的垂直位置
$(document).scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置

Answer 2

$(window).height() - (dom.offset().top - $(document).scrollTop()) - dom.height()

DOM是要获取的元素。

当前可视区域的高度 - （元素到文档顶部的距离 - 滚动条卷去的距离）- 元素自身的高度

Answer 3

js // div.getBoundingClientRect().top
jquery //$obj.offset().top

Answer 4

var box=document.getElementById('box');
alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离