animate.css正在加載頁面時進行動畫製作

我爲我的網站使用了animate.css，並且我使用了一個引導程序輪播滑塊，它在Google上搜索並放置在我的網站上。它的工作正常但之後，我的animate.css不能正常工作意味着HTML頁面中的所有動畫元素在頁面加載時都是動畫效果。例如：我在頁面下使用fadeInRight動畫類，但它不工作時，我要下頁，當我刷新頁面在該特定元素其工作正常。如果你想當您滾動顯示動畫請解決這個animate.css正在加載頁面時進行動畫製作

please check the site

來源

2017-03-04 rajesh akkireddy

請澄清您的具體問題或添加其他詳細信息，以突出顯示您的需要。正如目前所寫，很難確切地說出你在問什麼。請參閱[如何提問]（http://stackoverflow.com/help/how-to-ask）頁面以獲得澄清此問題的幫助 – LGSon

，這是你在找什麼：

http://mynameismatthieu.com/WOW/

CSS動畫不能基於延遲滾動位置。因此，首先，你需要下載幷包括wow.min.js文件到您的網頁是這樣的：

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

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

，然後通過添加類「wow」動畫添加到您的html元素其次是動畫名稱animate.css：

<section class="wow slideInLeft"> 
</section>

對於與時序延遲等更高級的選項，請參閱：http://mynameismatthieu.com/WOW/docs.html

來源

2017-03-05 03:14:38 Aj334

可以使用wow.js的動畫元素，當它在視口區域。
HTML：

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"> 
      </section>

CSS：

<link rel="stylesheet" href="css/animate.css">

JS：

<script src="js/wow.min.js"></script> 
      <script> 
      new WOW().init(); 
      </script>

檢查的jQuery插件wow.js

來源

2017-03-05 11:44:40

animate.css正在加載頁面時進行動畫製作

回答

相關問題