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

2024-12-03 09:04:42
推荐回答(4个)
回答1:

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

回答2:

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

DOM是要获取的元素。


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

回答3:

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

回答4:

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