CSS3動畫滾動不起作用

我包含css3動畫滾動：http://jackonthe.net/css3animateit/ 動畫正在工作。問題是動畫不能用於滾動顯示。我正在使用onepage-scroll.js。這是我的身體：CSS3動畫滾動不起作用

<div class="main"> 

    <section class="home animatedParent"> 

     <h1 class="animated swing">I am Leon Laci</h1> 
     <h3 class="animated swing slower">Front End Web Developer</h2> 
     <span class="icon-arrow-down down animated swing slowest"></span> 

    </section> 

    <section class="about animatedParent"> 

     <h2 class="animated bounceInRight">About Me</h2> 

    </section> 

</div> 

<script src="js/css3-animate-it.js"></script>

這是網站的外觀：http://leonlaci.tk/test/

來源

2015-02-09 Leon Laci

什麼是滾動顯示？ – lharby 2015-02-09 12:38:50

about section – 2015-02-09 12:40:45

我對這個插件一無所知，但我在這裏做了一個jsfiddle並導入了插件資源。水平滾動時似乎會觸發。 http://jsfiddle.net/lharby/v8nwp217/ – lharby 2015-02-09 12:52:19

我用lharby鏈接走動部下

.about { 

    margin-top:1200px; 
}

http://jsfiddle.net/v8nwp217/1/

垂直滾動似乎也很好地觸發動畫...嘗試在結果窗口中上下滾動。

來源

2015-02-09 13:19:52 tarja

動畫正在工作或滾動，但當我禁用onepage滾動js – 2015-02-09 13:27:49

這是該網站的外觀：http://leonlaci.tk/test/ – 2015-02-09 13:36:20

CSS3動畫滾動不起作用

回答

相關問題