滚动时为滑块设置动画

Question

在我的网站上，我想为我的滑块设置动画，以便用户看到他可以“玩”＃34;用它。 我想滑块只有在用户滚动到足以看到它时才开始动画。 我试图实现Waypoint但没有成功。

是否有纯粹的角度方式来制作它？

感谢。

Answer 1

总是对某人有用：

我创建了一个指令，该指令从顶部q函数触发一定数量的像素，其间隔循环以更新滑块的值，以便在您开始在屏幕上看到滑块时为滑块设置动画。

if (this.pageYOffset >= 1300 ) {
      var iteration = 0;
          var interval = setInterval(function(){
           iteration += 1;
            if(iteration === 10){
                 clearInterval(interval);
                  }
           scope.slider += 1;
           }, 10);
       }