javascript - 如何构建一个显示正文的 .scrollTop 值的 div？

Question

在我的网页上，我有以下 div：

<div style="position:fixed; z-index:100;"></div>

我正在尝试编写一个脚本，该脚本将返回上述 div 中正文的当前 .scrollTop 值（例如，如果我将正文向下滚动 100px，我希望 div 简单地读取：“100”），但我在掌握 .scrollTop 时遇到了很多麻烦，甚至不知道从哪里开始。有什么帮助吗？

Answer 1

您需要一个定时循环来连续显示该值：

<div id="a">0</div>

JS：

var showScroll = setInterval(function() {
     document.getElementById('a').innerHTML = (document.body.scrollTop)                                 
},50)

Answer 2

我假设你在这里使用 jQuery。您可以将侦听器绑定到滚动事件，并让它用 的结果替换 div 的内容scrollTop()，如下所示：

var div = $("div"); //Replace this selector with an ID for your div
$(document).scroll(function() {
    div.html($(window).scrollTop());
});