航點啓動動畫CSS

Question

我與waypoints.js.

http://codepen.io/Hackrosky/pen/Jjnai

HTML開始動畫一個問題：

<div class="div1"></div> 
<div class="div2"> 
    <div id="smalldiv" class="fadeInUp"></div> 
</div> 

我怎麼可以做出<div id="smalldiv">淡入，與使用的waypoints.js？

Answer 1

在航點，你有一個回調，也就是魔法發生：

$('.div2').waypoint(function() { 
    $('#smalldiv').fadeIn(); 
    },{offset: '80%'} //meaning, when .div2 is 80% in view from bottom 
); 

我在你的codepen看，關鍵幀，沒有必要去做。