jQuery Calculate窗口滚动位置

时间:2011-01-23 12:06:04

标签: jquery scroll coordinates

我正在尝试在窗口滚动时动态计算滚动条的位置。我可以使用以下方式获取加载时的初始滚动位置:

var scrollY = $(window).scrollTop();

但是当窗口滚动时,这不会更新,我需要每次重新加载以获取更新的变量。当我滚动时,我需要做什么来保持这个值更新?我尝试过类似的东西:

$(document).scroll(function(e){
    $('#status').html(e.scrollY);
});

然后创建一个div和ID为'status'的div来输出结果,但我什么都没得到。任何人都可以帮忙吗?

谢谢, 克里斯

1 个答案:

答案 0 :(得分:12)

为什么您认为scrollTop在窗口滚动时不会更新?当我尝试它时,它可以正常工作:

CSS:

#status { height: 1000px; padding: 100px; }

脚本:

$(document).scroll(function(e){
    $('#status').html($(window).scrollTop());
});

HTML:

<div id="status"></div>

http://jsfiddle.net/Z4sZp/