Question

所以我在页面上看到，当我滚动浏览页面数字时，页面的位置会根据页面的位置进行更改和移动等。 Scrollorama就是一个很好的例子。

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

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

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

对不起，如果我是模糊的。我希望能找到我看到的例子。

Answer 1

你可以使用window.scrollTo（X，Y）函数在javascript中滚动到你喜欢的任何地方并进行动画制作，你可以在javascript.i中使用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（0100）;

如果您想将perecentage值设置为简单，例如在scrollY中如果您想滚动45％：

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

滚动时增加数值

1 个答案: