countUp计数器数字滚动

查看演示立即下载

插件描述：countUp计数器数字滚动

更新时间：2020-07-30 01:13:43

更新说明：插件调用js代码优化：

$(function() {
    var countCXArr = [];
    var countCX = function() {
        $('.numCount').each(function(i, dom) {
            if (countCXArr[i] && countCXArr[i] === true) {
                return;
            }
            var sT;
            var ncTop;
            sT = $(window).scrollTop();
            ncTop = $(dom).offset().top;
            var id, decimals, startVal, endVal, duration;
            if (sT > ncTop - $(window).height() && sT < ncTop) {
                $(dom).find('.numCX').each(function() {
                    id = $(this).attr('id');
                    decimals = $(this).attr('data-decimals'), startVal = $(this).attr('data-startVal'), endVal = $(this).attr('data-endVal'), duration = $(this).attr('data-speed');
                    new CountUp(id, startVal, endVal, decimals, duration, {
                        useEasing: true, //效果                       
                        separator: '' //数字分隔符                
                    }).start();
                    // target：目标元素id, 
                    startVal： 你想要开始的值, endVal： 你想要到达的值, decimals： 小数位数， 默认值为0, duration： 动画持续时间为秒， 默认值为2, options： 选项的可选对象 countCXArr[i] = true;
                })
            }
        })
    }
    countCX();
    $(window).on("scroll", function() {
        countCX();
    })
});

更新时间：2020-07-23 01:05:59

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：手机app健康服务类模板
下一个特效：手机app美容类页面模板