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

更新日期: 2019-01-18 阅读次数: 4431 分类: 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 聊聊。 白天工地搬砖,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

爱评论不评论

近期节日

查看更多节日