如何建立顯示正文的.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());
});