评论：jquery轻量级数字动画插件jquery.countup.js  [查看原文]

西瓜0
2022/7/21 11:55:05

刷新存在缓存问题，加个随机数试试

我爱吃飞鱼0
2021/4/25 16:21:19
问题已经解决了，请原谅我问了一个很小白的问题！打扰了！

jquery.countup.min.js 中

改为

律0
2021/12/16 9:54:21
改完 一直是NaN啊 还是不生效

律0
2021/12/16 9:55:00
还是不行 一直NaN 不会滚动

青春只为一个等待评论奖励 1 jQ币
2019/6/1 14:36:42

1 2 3 4 5 6 7 8 9 10 11 12

var f = function() {     if ($this.data('counterup-nums')) { //加个这个判断         $this.text($this.data('counterup-nums').shift());         if ($this.data('counterup-nums').length) {             setTimeout($this.data('counterup-func'), delay);         } else {             $this.data('counterup-nums');             $this.data('counterup-nums', null);             $this.data('counterup-func', null);         }     } };

Warning0
2019/8/16 11:22:51
没毛病 老铁

手捧阳光0
2019/12/20 17:18:13
代码是加在哪里呢？

??艳芬评论奖励 3 jQ币
2019/11/15 11:38:30

waypoint，也就是第一个引入的文件是用于滚动监听的
倒数几行的位置有一行代码

1	$this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });

这行代码的就是用了第一个引入的文件，滚动监听，你滚动到绑定countup数字滚动的标签位置，就会开始滚动数字，
你如果希望只滚动一次数字，那你就把这句注释掉，自己写滚动监听


1 2 3 4 5 6 7 8 9

// Perform counts when the element gets into view // $this.waypoint(counterUpper, { offset: '100%', triggerOnce: true }); var scrollBool = true; $(window).on('scroll', function() {     if ($(window).height() + $(document).scrollTop() >= $this.offset().top && scrollBool) {         scrollBool = false         counterUpper();     } });

天空蓝丶0
2019/4/13 9:16:29
同求,,实现了页面加载鼠标滚动只触发一次

Johnny评论奖励 1 jQ币
2022/1/5 11:04:34

1 2 3 4 5 6 7 8 9 10 11 12

/* e.waypoint(u, { offset: "100%", triggerOnce: !0 }) */ //只滚动一次代码 var scrollBool = true; $(window).on('scroll', function() {     if ($(window).height() + $(document).scrollTop() >= e.offset().top && scrollBool) {         scrollBool = false         u();     } });

关于 数据每此都是第一次的数为问题 ；处理下这段代码

注释掉  if(!$this.data('counterupTo'))

jyc01850
2018/11/4 16:31:47
谢谢

　0
2020/12/28 17:24:02
没有这一段....

这个是加在哪里呢，现在报错呢
Cannot read property 'shift' of null
   at f

手捧阳光0
2019/12/20 17:18:45
你这个问题解决了吗，我现在也是这个错误

Johnny0
2022/1/5 10:49:10

1 2 3 4 5 6 7

var f = function() {     if (e.data("counterup-nums")) { //报错另外添加的判断         e.text(e.data("counterup-nums").shift()), e.data("counterup-nums").length ?             setTimeout(e.data("counterup-func"), a) : (e.data("counterup-nums"),                 e.data("counterup-nums", null), e.data("counterup-func", null))     } };

Johnny0
2022/1/5 10:50:16
把$this看成e就可以了

四夏0
2018/5/23 11:39:00

这样试试


1 2 3 4 5 6

var countUp1 = new CountUp('counter', 0, 100, 0, 1); countUp1 .start();   function changeNumber(){ countUp1 .update(1000); }

?Sean、0
2018/5/10 15:21:11
我也遇到这个问题了，你有解决办法么？

怯 ?0
2018/5/22 17:17:00
我也一样啊，值还是初次的值

四夏0
2018/5/23 11:35:30

大家这样试试


1 2 3 4 5 6

var countUp1 = new CountUp('counter', 0, 100, 0, 1); countUp1 .start();   function changeNumber(){     countUp1 .update(1000); }

张大力。评论奖励 1 jQ币
2019/12/25 18:03:26

在jquery.countup.min.js里，将

1	e.data("counterupTo")||e.data("counterupTo",e.text());

改为

1	e.data("counterupTo",e.text());

即可。

是否能动态给数据然后再动态跑,或者在数字不为0的时候触发调用动画