如何在滚动后激活animate.css

时间:2017-01-19 08:27:06

标签: jquery css animation animate.css

我正在使用animate.css [https://daneden.github.io/animate.css/],我在网页的某些元素中添加了一些动画。但这是一个问题。在向下滚动到该部分之前,动画立即完成并且已经结束。有没有办法在加载特定元素后添加动画类?

这样,只有当用户滚动到该元素时才会显示动画。

3 个答案:

答案 0 :(得分:0)

是的,您可以使用Jquery / javascript在事件发生后动态地将动画类添加到元素中。如果你把你的代码,我可能会更多的帮助你。 编辑: 例如,如果您在单击按钮时想要动画,则可以执行以下操作:

$( "#target" ).click(function() {  $('#yourElement').animateCss('bounce'); });`

答案 1 :(得分:0)

我有个主意,也许可以帮助你 你可以通过javascript添加animate元素 当页面滚动到位时,js将此元素添加到网页中 (因此,它将开始动画)

答案 2 :(得分:0)

new WOW()。init();

并调用class class =" wow bounceInUp"