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);
 });

我在你的小提琴中尝试了这一点，看起来它可能正在做正确的事。

使用jQuery连续更新滚动元素

1 个答案: