Jquery countUp.js数字变换和滚动事件监听的实现代码片段
时间:2018-03-27 来源:风信官网 点击:
1310次
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();
}
});
});