推荐一个常用的数字滚动动画插件,jquery.counterup.js 该插件可以控制动画的延迟时间和动画过渡时间。但它依赖于Waypoints.js插件来监听滚动事件。
从而实现页面滚动到数字可视窗口,实现让数字从零到指定数值的滚动。
使用方式
首先引入jQuery.js
引入 jquery.waypoints.js (点击下载)监听页面滚动事件
引入jquery.counterup.js (点击下载)数字动画插件
在需要的滚动的数字上添加class类名counter作为数字的容器
在页面添加js代码,$('.counter').countUp();