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