0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁 > 技術(shù)支持 > Javascript/JQuery > Jquery countUp.js數(shù)字變換和滾動(dòng)事件監(jiān)聽的實(shí)現(xiàn)代碼片段

Jquery countUp.js數(shù)字變換和滾動(dòng)事件監(jiān)聽的實(shí)現(xiàn)代碼片段

時(shí)間:2024-09-18來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 1259次
Jquery countUp.js數(shù)字變換和滾動(dòng)事件監(jiān)聽的實(shí)現(xiàn)代碼片段,以下代碼為項(xiàng)目開發(fā)中的片段,實(shí)現(xiàn)方法思路僅供參考。

$(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");
    //數(shù)字變換和滾動(dòng)事件
    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 () {
        //數(shù)字開始滾動(dòng)
        if ($(window).scrollTop() >= jQuery("#videoNumSpan").offset().top - jQuery(window).height()) {
            countUp1.start();
            countUp2.start();
            countUp3.start();
        }
    });    
 
});

您可能感興趣的相關(guān)文章:

欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開