如何建立显示正文的.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。 您可以将侦听器绑定到滚动事件，并用scrollTop()的结果将div的内容替换为div，如下所示：

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