jquery - 使用 jQuery 不断更新滚动上的元素

Question

我有一个 h2 HTML 元素，当用户在网页上向下滚动时显示 div 的位置。我希望这个 h2 元素更新初始滚动之后的 div 位置，这样当我继续向下滚动时，显示元素的 y 坐标的数字会下降。这是 jsFiddle:http://jsfiddle.net/adnLX/

我用来显示位置的脚本:

 $(document).ready(function(){

 $(window).scroll(function(){
    var xx = $("#bottom").position().top;

     $("#title").html(xx);
 });
 });

总而言之，我想在上下滚动时不断更新和显示一个div的位置(它由第一页底部的“0”表示)，但到目前为止，我只能显示我第一次滚动时的初始位置。如何修改我的脚本以持续显示位置？

Answer 1

我认为您需要查看 scrollTop。 #bottom 的位置不会改变，因此 .top 调用永远不会改变。

但是滚动位置会发生变化。尝试这样的事情

  $(window).scroll(function(){
    var xx = $("#bottom").position().top;
    var bottomPosition = $('body').scrollTop() - xx;
    $("#title").html(bottomPosition);
 });

我在你的 fiddle 中试过这个，看起来它可能在做正确的事情。