0712-2888027 189-8648-0214
微信公众号

孝感风信信息技术有限公司微信公众号

当前位置: 主页 > 技术支持 > Javascript/JQuery > Jquery countUp.js数字变换和滚动事件监听的实现代码片段

Jquery countUp.js数字变换和滚动事件监听的实现代码片段

时间:2018-03-27来源:风信网 点击:
Jquery countUp.js数字变换和滚动事件监听的实现代码片段,以下代码为项目开发中的片段,实现方法思路仅供参考。

$(function () {
    exposure._init();

    var videoNum = 0 || count.video;
    var teacherNum = 0 || count.teacher;
    var userNum = 0 || count.user;
    var csrfToken = $('meta[name="csrf-token"]').attr("content");
    //数字变换和滚动事件
    var options = {
        useEasing: true,
        useGrouping: true,
        separator: '',
        decimal: '.',
        prefix: '',
        suffix: ''
    };
    var countUp1 = new CountUp("videoNumSpan", 0, videoNum, 0, 2.5, options);
    var countUp2 = new CountUp("teacherNumSpan", 0, teacherNum, 0, 2.5, options);
    var countUp3 = new CountUp("userNumspan", 0, userNum, 0, 2.5, options);

    $(window).scroll(function () {
        //数字开始滚动
        if ($(window).scrollTop() >= jQuery("#videoNumSpan").offset().top - jQuery(window).height()) {
            countUp1.start();
            countUp2.start();
            countUp3.start();
        }
    });    
 
});
栏目列表
推荐内容
热点内容
展开