jquery - 滚动时增加数值

Question

因此，我在页面上看到，当我滚动浏览页码时，页码正在发生变化，事情正在四处移动，等等。基于页面的位置。Scrollorama 就是一个很好的例子。

虽然它有助于我想要/需要的其他一些功能，但我似乎无法找到解决方案。增加数值。

例如。我的网站上有一个百分比，我希望它说 45%，但是当我加载网站时，我希望它说 0% 并增加，直到它到达浏览器上的点，然后停在 45%。

任何插件，想法，或者只是知道如何实现这一点？

对不起，如果我含糊其辞。我希望我能找到我看到的例子。

Answer 1

您可以使用 window.scrollTo(X,Y) 函数在 javascript 中滚动到您喜欢的任何位置并制作动画，您可以在 javascript 中使用 setTimeout 或 setInterval 函数。我为您编写了一个函数：

scrollAnimating = function(x,y){
     var stepX = 10;
     var stepY = 10;

     var animFunc = function(x1,y1){
          var newX = x1+stepX;
          var newY = y1+stepY;

          if(newX>x)
             newX = x;

          if(newY>y)
             newY = y;

          if(newX == x && newY == y)
             return false;

          window.scrollTo(newX,newY);

          window.setTimeout(function(){animFunc(newX,newY);},100);
     }
     animFunc(x,y);
}

你可以像这样使用它：scrollAnimating(0,100);

如果你想设置百分比值，它很简单，例如在 scrollY 如果你想滚动 45%：

scrollAnimating(0, 45*$(document.body).height()/100 );