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

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

}

});

 

});

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容