Question

我想在滚动条更改中添加animate.css类，我的意思是当滚动下来时div应该使用动画fadeInUp动画，但动画的速度应该会变慢。我已经使用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);
           }
           });
   });

我知道我的代码中存在一些愚蠢:)但我无法找到它？

Answer 1

Animate.css就是CSS。您不需要使用jQuery更改它，您可以根据它提供的类以及您自己的速度设置创建自己的自定义类。

如果您确定每个动画需要三秒钟，您只需更改文件中的默认animated类：

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

将类animated放在要设置动画的元素上，然后可以使用以下命令触发动画：

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

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

使用jQuery更改animate.css类的默认速度

1 个答案: