Question

我试图在This Demo处向上和向上滚动位置，但正如您所看到的那样，每个像素点滚动（向上或向下）都会更新

元素。但是我只需要在每200个滚动条上更新

直到到达div的末尾（现在p元素在每个滚动条上更新）。这是我的代码：

＆＃13;

$(window).scroll(function () {
    var height = $(window).scrollTop();
    if (height > 200) {
        $('p').html(height);
    }
});

＆＃13;

div {
    height:1080px;
}
p {
    position:fixed;
    top:0;
    left:0;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<p></p>
<div>
    <h3> Hello Scroll!</h3>
</div>

＆＃13;

你可以告诉我如何解决这个问题吗？感谢

Answer 1

＆＃13;

var a=0;
$(window).scroll(function () {
    var height = $(window).scrollTop();
    
    if (height-a<200){
        if (height-a<-200){
            $('p').html(a);
            a = parseInt(height/100) *100;
        }
    }else{
        $('p').html(a);
        a = parseInt(height/100)*100;
    }  
});

＆＃13;

div {
    height:1080px;
}
p {
    position:fixed;
    top:0;
    left:0;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<p></p>
<div>
    <h3> Hello Scroll!</h3>
</div>

＆＃13;

关于每200个滚动条获得滚动位置的jQuery和问题？

1 个答案: