我想在滚动条更改上添加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/