CSS3动画滚动不起作用

Question

我包含css3动画滚动：http://jackonthe.net/css3animateit/ 动画正在工作。问题是动画不能用于滚动显示。我正在使用onepage-scroll.js。 这是我的身体：

<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/

Answer 1

我用lharby链接走动部下

.about { 

    margin-top:1200px; 
} 

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

垂直滚动似乎也很好地触发动画...尝试在结果窗口中上下滚动。