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

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

相关文章

爱评论不评论

近期节日

2020年08月06日 国际电影节
2020年08月07日 立秋
2020年08月15日 日本投降日
2020年08月22日 处暑
2020年08月25日 七夕
2020年09月02日 中元节
2020年09月03日 抗日胜利纪念日
2020年09月07日 白露
2020年09月08日 国际扫盲日
2020年09月10日 教师节
2020年09月16日 国际臭氧层保护日
2020年09月16日 世界清洁地球日
查看更多节日