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<