javascript - CSS3 动画滚动不工作

Question

我在滚动中加入了 css3 动画:http://jackonthe.net/css3animateit/ 动画正在工作。问题是动画不适用于滚动显示。我正在使用 onepage-scroll.js。 这是我的 body :

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

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