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

更新日期: 2019-01-18 阅读次数: 8844 分类: UI

具体的动画效果可以通过 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"

参考

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式