我想在滚动条更改上添加animate.css类,这意味着当滚动向下时div应该以动画的fadingInUp动画,但是动画的速度应该放慢。我已经用jQuery animate()函数进行了测试,但对我不起作用。

$(document).ready(function(){
$(window).scroll(function(){
var scrolls = $(window).scrollTop();
   if(scrolls > 900){//from top to 900px my div appears
       $(".box-animate").animate({function(){
                 $(this).addClass("animated fadeInUp");
                 }
                  },3000);
           }
           });
   });


我知道我的代码中存在一些愚蠢的问题:),但是我找不到它?

最佳答案

Animate.css只是CSS。您无需使用jQuery对其进行更改,您可以基于它提供的具有自己速度设置的类来创建自己的自定义类。

如果您确实希望每个动画三秒钟,则可以更改文件中的默认animated类:

.animated {
  animation-duration: 3s;
  animation-fill-mode: both;
}


将类animated放在要设置动画的元素上,然后可以使用以下方法触发动画:

$('.box-animate').addClass("fadeInUp");


您根本不需要使用jQuery的.animate

关于jquery - 使用jQuery更改animate.css类的默认速度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35383095/

10-12 12:29
查看更多