scrollReveal.js使用

Posted 2023-03-31

参考技术A 插件地址： https://scrollrevealjs.org

不得不说页面还是相当炫酷的。

详细的用法参考API  https://scrollrevealjs.org/api/constructor.html

简陋的效果展示： http://learn.18621951097.club/blog

scrollReveal.js页面滚动动态效果

scrollReveal.js
http://www.dowebok.com/134.html
简介

和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollReveal.js 的动画可以播放一次或无限次；WOW.js 依赖 animate.css，而 scrollReveal.js 不依赖其他任何文件。

虽然 scrollReveal.js 不依赖 animate.css，但它的动画也是用 CSS3 创建的，所以它不支持 IE10 以下的浏览器。

 

 

WOW.js
http://www.dowebok.com/131.html
简介

有的页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面（查看）。如果你希望你的页面也更加有趣，那么你可以试试 WOW.js。

WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。