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/

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