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

2022-11-22 0 18

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

}

});

 

});

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!cheeksyu@vip.qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!
5.严禁将资源用于任何违法犯罪行为,不得违反国家法律,否则责任自负,一切法律责任与本站无关

发表评论
暂无评论