美文网首页framework
如何使用scrollReveal.js库

如何使用scrollReveal.js库

作者: w_tiger | 来源:发表于2017-01-05 19:29 被阅读0次

    简介

    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');

    常用参数

    相关文章

      网友评论

        本文标题:如何使用scrollReveal.js库

        本文链接:https://www.haomeiwen.com/subject/epelvttx.html