航点开始动画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>

如何使用waypoints.js让<div id="smalldiv">淡入淡出？

Answer 1

在航点中，你有一个回调，有魔力发生的地方：

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

我在你的codepen，关键帧中看到，不需要这样做。