下拉滚动时的炫酷效果 (animate.css + waypoints.js)

具体的动画效果可以通过 Animate.css 实现。

下拉到某处以触发 animate.css 效果，可以通过 waypoints 实现。

demo：

var waypoint = new Waypoint({
  element: document.getElementById('element-waypoint'),
  handler: function(direction) {
    this.element.className += " fadeInLeft";
  },
  offset: '75%'
});

注意，该 element 需要提前加上 class

class="animated"

参考

• Creating Scroll Animations with Waypoints and Animate.css