滚动时动画滑块

Question

在我的网站上，我想为我的滑块设置动画，以便用户看到他可以 "play" 使用它。 我希望滑块仅在用户滚动到足以看到它时才开始播放动画。 我尝试实施 Waypoint 但没有成功。

有没有纯粹的Angular方法来制作它？

谢谢。

Answer 1

对某人总是有用的：

我创建了一个指令，它在 top q 函数的一定数量的像素处触发，并在一个间隔内循环更新滑块的值，以便当您开始在屏幕上看到它时，滑块就会动画化。

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