Javascript jQuery-滚动时增加计数器的值
我正在制作一个系统,用户滚动,他们的分数增加。有一个计数器,我想在滚动时增加使用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
<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;
}
});
});