如何使用scrollReveal.js库

简介

scrollReveal是一个兼容PC端和移动设备的滚动动画组件库。

特点

1、scrollReveal兼容移动端和PC端；

2、0依赖(不依赖于jquery,也不依赖于animate.css)；

3、可定制性强。

兼容性

scrollReveal的所有动画都是通过css3来创建的，所以兼容性也必须是支持CSS3比较好的浏览器，如：IE10+    chrome    Firefox   Safari    opera 。

官网

https://scrollrevealjs.org/

使用方法

1、引入文件

<script src="js/scrollReveal.js"></script>

2、HTML

<div class="box"></div>

3、JavaScript

window.sr = ScrollReveal();

 sr.reveal('.box');

常用参数

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML常用框架
    框架一 :: Animate.css Animate.css是一个css动画样式库,可以减少我们的开发时间.它预设...
    西巴撸阅读 7,722评论 0赞 5
  • DAY01
    前言： 随着HTML5规范的不断完善，围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有...
    秒签T阅读 2,844评论 0赞 0
  • HTML5常用框架
    HTML5常用框架 前言 随着HTML5规范的不断完善，围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率...
    方克己阅读 5,065评论 0赞 3
  • 框架实战-day1
    HTML5常用框架 前言 随着HTML5规范的不断完善，围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率...
    撩课_叶建华阅读 4,819评论 0赞 13
  • 今日书作【原创】
    福（44x46cm） 和气致祥（138x34cm） 是日清晨，似梦非梦，似醒非醒，忽想曾为好友写过“和气致祥”四字...
    刘伟书法_沈阳阅读 2,571评论 0赞 3