如何使用jQuery查找距元素顶部px的垂直距离

如何使用javascript / jQuery找到从页面顶部到DOM中元素存在的垂直距离？

我有类似的东西

<ul>
    <li>one</li>
    <li>one</li>
    <li>one</li>
    <li>one</li>
    <li class="test">one</li>
    ....
    ....
    ....
    <li>one</li>
</ul>

例如，在这里，我想找到从页面顶部到li#test元素的垂直距离。

我试过了，.scrollTop()但总是为0！

使用.offset()获取元素和文档的顶部之间的距离：

$("li.test").offset().top

Rob W的答案是正确的-这将使您偏离整页顶部。

如果要从可见屏幕的顶部获取偏移量，则应执行以下操作：

var viewableOffset = $("#li.test").offset().top - $(window).scrollTop();

希望有帮助！

据我所知，.offset()获取当前滚动位置和文档顶部之间的距离。

您需要使用此： $("li.test").position().top

使用$（element）.offset（）。top并向其添加页面上现有固定元素的高度，以使其更准确。