Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css animations 有没有办法阻止CSS关键帧动画在该元素在视图中滚动之前启动?_Css Animations_Animate.css - Fatal编程技术网

Css animations 有没有办法阻止CSS关键帧动画在该元素在视图中滚动之前启动?

Css animations 有没有办法阻止CSS关键帧动画在该元素在视图中滚动之前启动?,css-animations,animate.css,Css Animations,Animate.css,我使用了关键帧来设置某些元素进入页面的动画,但是这些元素位于页面底部,因此动画在您看到它们之前发生 有没有办法阻止动画发生,直到用户滚动到元素视图中?最好不是jQuery解决方案,因为我不熟悉它 注意:我知道有一个名为wow.js的库可以解决这个问题,但它使用animate.css来制作动画。这对我来说是一个问题,因为我最初使用的是animate.css,但它覆盖了我使用的其他css/与之冲突。这就是为什么我切换到使用关键帧来制作动画,为了让元素的所有属性都正常工作,我相信我必须使用关键帧而不是

我使用了关键帧来设置某些元素进入页面的动画,但是这些元素位于页面底部,因此动画在您看到它们之前发生

有没有办法阻止动画发生,直到用户滚动到元素视图中?最好不是jQuery解决方案,因为我不熟悉它


注意:我知道有一个名为wow.js的库可以解决这个问题,但它使用animate.css来制作动画。这对我来说是一个问题,因为我最初使用的是animate.css,但它覆盖了我使用的其他css/与之冲突。这就是为什么我切换到使用关键帧来制作动画,为了让元素的所有属性都正常工作,我相信我必须使用关键帧而不是动画。css

我找到了自己的答案!因为您不必使用animate.css动画,所以Wow.js仍然有效,您仍然可以使用自己的自定义动画