滚动时为滑块设置动画

Question

在我的网站上，我想为我的滑块设置动画，以便用户看到他可以“玩”它。 我希望滑块仅在用户滚动到足以看到它时才开始其动画。 我尝试实施 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);
       }