Javascript jQuery-滚动时增加计数器的值

Javascript jQuery-滚动时增加计数器的值,javascript,jquery,Javascript,Jquery,我正在制作一个系统,用户滚动,他们的分数增加。有一个计数器,我想在滚动时增加使用jQuery的值(这样页面就不需要刷新) 我该怎么办 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery(window).scro

我正在制作一个系统,用户滚动,他们的分数增加。有一个计数器,我想在滚动时增加使用jQuery的值(这样页面就不需要刷新)

我该怎么办

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
jQuery(function() {
    jQuery(window).scroll(function(){
        if(jQuery(this).scrollTop() > 2000) {
            // ......
        }
    }); 
}); 
</script>

jQuery(函数(){
jQuery(窗口).滚动(函数(){
if(jQuery(this).scrollTop()>2000){
// ......
}
}); 
}); 

它应该每2000px增加一次。

它不是一个真正的计数器,您只需要将
scrollTop
除以
2000
就可以得到一个值

jQuery(函数($){
$(窗口).on('scroll',function(){
var count=Math.floor($(this.scrollTop()/2000);
$('计数器').text(计数);
});
});
#计数器{
位置:固定;
}
#内容{
宽度:10px;
高度:20000像素;
}

0

var计数器=0滚动事件外,然后
计数器++在您的
中如果
?您确定这是您想要的吗?如果用户按空格键进入页面,或按结束键进入底部,该怎么办?此外,滚动事件不保证为每个像素引发。您最好绑定到
鼠标滚轮
?当她使用
scrollTop
时,实际上并不需要在每个像素上触发
scroll
。但除此之外,你是对的@什么不适合你?正如你所描述的,它每2000px计数一次@乔丹利
var counter = 0;
jQuery(function() {
    var nextIncrmenet = 2000;
    jQuery(window).scroll(function(){
        if(jQuery(this).scrollTop() > nextIncrmenet) {
            counter = counter + 1;
            nextIncrmenet = nextIncrmenet + 2000;
        }
    }); 
});