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

Posted 2023-03-20

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

DOM是要获取的元素。

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

参考技术B js // div.getBoundingClientRect().top
jquery //$obj.offset().top本回答被提问者采纳 参考技术C var box=document.getElementById('box');
alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离