在线下单

淘宝网拍付下单(拍付下单之后请及时联系客服排单)

店铺地址 https://sminer.taobao.com/

拍付链接 http://t.cn/R34uWQU

页面滚动时动态为元素添加class的jQuery插件

分类:插件代码 更新时间:2018-08-20 浏览次数:472

代码简介

jquery.scrollAnimations是一款页面滚动时动态为元素添加class的jQuery插件。它结合animate.css来使用,可以为元素进入浏览器视口时添加炫酷的动画特效。

浏览器兼容

Chrome、 Opera、 Safari、Opera、IE9+

使用方法

1. 引入文件:

<scripttype="text/javascript"src="jquery.min.js"></script>                   
<scripttype="text/javascript"src="jquery.scrollAnimations.js"></script>       


2. html:

<sectiondata-animation-container>
    <divclass="container">
        <divclass="row">
            <divclass="col-sm-6"
                 data-animation-childdata-animation="fadeInUp"
                 data-animation-delay="0ms">
                [Something to animate in]
            </div>
            <divclass="col-sm-6"
                 data-animation-childdata-animation="fadeInUp"
                 data-animation-delay="500ms">
                [Something else to animate in]
            </div>
        </div>
    </div>
</section>


3. 代码初始化:


var$containers = $('[data-animation]:not([data-animation-child]), [data-animation-container]');
$containers.scrollAnimations();

问题反馈

  • 问题内容

  • 问题附件

  • 您的称呼

    联系方式

提交成功

您的问题已成功提交,我们工作人员将于1个工作日之内与您联系处理。
谢谢您的支持!

发票受理

提交成功

您的发票受理请求已成功提交,我们工作人员将于1个工作日之内与您联系处理。
谢谢您的支持!