javascript - 滚动条移动时 jQuery.scrollTop() 不更新

Question

我正在使用 jQuery.scrollTop() 来获取滚动条的位置。我正在尝试创建一个动画，向用户指示他们在内容列表中的位置。这是一个名称列表，当用户滚动 Q 等时，我希望有一个大的“Q”悬停在列表上。

似乎 scrollTop() 仅在我停止移动滚动条后才提供准确的信息。当我实际移动滚动条时，它并不反射(reflect)位置。

domElement.scrollTop 是否跨浏览器可靠？为什么滚动条移动时 jquery.scrollTop 不更新？

Answer 1

尝试将 scroll() 事件附加到窗口并从那里对其进行测试。

$(window).scroll(function() {
        //$(window).scrollTop() is accurate and updated while scrolling
});

这是一个工作演示:http://jsfiddle.net/LydQE/