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。您可以将侦听器绑定到scroll事件，并将其替换为div的内容，其结果为scrollTop()，如下所示：

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

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

2 个答案: