Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
当加载页面时,animate.css正在设置动画_Css_Animation_Animate.css - Fatal编程技术网

当加载页面时,animate.css正在设置动画

当加载页面时,animate.css正在设置动画,css,animation,animate.css,Css,Animation,Animate.css,我在我的网站上使用animate.css,我使用了一个引导转盘滑块,它在谷歌上搜索并放在我的网站上。它可以正常工作,但之后my animate.css不能正常工作,这意味着HTML页面中的所有动画元素在加载页面时都处于动画状态。 例如:我在页面下方使用fadeInRight动画类,但当我要向下翻页时,它不工作,当我在该特定元素刷新页面时,它工作正常。请解决这个问题 如果您想在滚动时显示动画,请查看以下内容: CSS动画不能基于滚动位置延迟。因此,首先,您需要下载wow.min.js文件并将其包

我在我的网站上使用animate.css,我使用了一个引导转盘滑块,它在谷歌上搜索并放在我的网站上。它可以正常工作,但之后my animate.css不能正常工作,这意味着HTML页面中的所有动画元素在加载页面时都处于动画状态。 例如:我在页面下方使用fadeInRight动画类,但当我要向下翻页时,它不工作,当我在该特定元素刷新页面时,它工作正常。请解决这个问题

如果您想在滚动时显示动画,请查看以下内容:

CSS动画不能基于滚动位置延迟。因此,首先,您需要下载wow.min.js文件并将其包含到页面中,如下所示:

<script src="js/wow.min.js"></script>

<script>
    new WOW().init();
</script>

有关延迟计时等的更高级选项,请参阅:

当它位于视口区域时,可以使用wow.js为元素设置动画。
HTML:

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
            </section>
<link rel="stylesheet" href="css/animate.css">
<script src="js/wow.min.js"></script>
          <script>
          new WOW().init();
          </script>

CSS:

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
            </section>
<link rel="stylesheet" href="css/animate.css">
<script src="js/wow.min.js"></script>
          <script>
          new WOW().init();
          </script>

js:

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
            </section>
<link rel="stylesheet" href="css/animate.css">
<script src="js/wow.min.js"></script>
          <script>
          new WOW().init();
          </script>

新的WOW().init();

检查jquery插件

请澄清您的具体问题或添加其他详细信息,以突出显示您所需的内容。正如目前所写的,很难准确地说出你在问什么。请参阅页面以获取澄清此问题的帮助