滚动的Jquery计数器

Question

我正在尝试制作可以滚动的数字计数器。向下滚动时，计数器从0变为某个数字，向上滚动时，从某个数字变为零。滚动期间数字正在变化（如果没有滚动，则数字保持在该时间内的位置）。有任何想法吗？ 感谢。

Answer 1

试试这个并检查你的控制台

HTML

<div class="body">


</div>

jquery的

$(window).scroll(function(){
    console.log($(window).scrollTop());
});

CSS

.body{
    height:900px;
}

Answer 2

使用this answer确定滚动是上升还是下降：

var lastScrollTop = 0;
var counter = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
     counter++;
   } else {
     counter--;
   }
   lastScrollTop = st;
});