浏览到那个元素后播放CSS3效果

Question

在浏览页面时，如果设定了CSS3效果，会在页面加载完毕会直接播放所有效果动画，如何在用户浏览到具体的动画元素的时候才开始执行的CSS3动画内容？

Answer 1

不知道这样对不对啊（我的思路）
首先你的页面元素添加动画的时候既然是自动行的，那么也可以通过一个class可以控制
当用户的滚动条或者是（其他的什么东西执行的时候）到你的目标位置 那么就添加上你的class不就行了？
相反的删除你的class
不知道能不能帮助你

Answer 2

判断元素到页面顶端的高度试试

Answer 3

给你的动画元素设置个监听范围 不要在ready加载动画事件 做事件监听 监听到动画范围的时候执行函数触发CSS动画 大概能想到的思路就是这样 可以的话你可以贴个应用场景什么的 那样更容易解答

Answer 4

可以判断到顶部的距离触发条件，比如加类。
如果监听的是scroll事件，出现的情况是 滚动结束才会触发，滚动过程中不会。
就是松手之后才会有动画出现。 注意下。