根据滚动条的位置更新div文本（数字）

Question

当我向下滚动页面以显示在id =“num”

时，我想要滚动条的位置

> var num = $(window).scrollTop();
> 
> $(window).scroll(function() {     
> $( "#num" ).text(num); });

这是一个简单的小提琴：http://jsfiddle.net/Kx5Vj/1/

当我第一次滚动时，零显示正确，但随后不会更新。

Answer 1

你只是在开始时调用它，你必须在每个卷轴上调用它：

$(document).scroll(function () {
    var num = $(document).scrollTop();
    $("#num").text(num);
});

通过工作演示查看此JSFiddle。此外，也许您会对设置默认值感兴趣，但可以在开头简单地完成此操作：

$("#num").text(0);

Answer 2

滚动时scrollTop()的值会发生变化，因此每次执行事件时都需要获取它。试试这个：

$(document).scroll(function() {
    var num = $(document).scrollTop();
    $("#num").text(num);
});

Demonstration

Answer 3

您需要将num放入scroll函数中，以便每次滚动时都可以更新num值：

$(window).on('scroll', function() {
    var num = $(document).scrollTop();
    $( "#num" ).text(num);
});

<强> Updated Fiddle

Answer 4

尝试以下方法：

$(window).on('scroll', function() { $( "#num" ).text( $(this).scrollTop() ) });