当div使用Skrollr.js滚动到视图时触发CSS动画

时间:2016-01-06 17:38:00

标签: jquery html css animation skrollr

我想在元素滚动到视图时触发动画。如果可能的话,我想使用Skrollr.js做同样的事情。这是我目前的代码:

<div class="bounceIn" data-bottom-top="animation: anim 1.5s 1;">
      ...
</div>

(动画名称是动画,它运行1.5秒,一次)

代码确实会触发元素的动画,但它会在文档加载时触发,因为skrollr.init()位于$(document).ready() 如果有人能够纠正我的代码,那将非常感激。

编辑 - 这里是js小提琴,我希望anim div可以按比例放大显示

https://jsfiddle.net/sankalpg6/hekh2r42/

0 个答案:

没有答案