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

}

});

 

});

文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/115067.html<

(0)
运维的头像运维
上一篇2025-02-18 00:05
下一篇 2025-02-18 00:06

相关推荐

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注