資訊專欄INFORMATION COLUMN
摘要：有個實現(xiàn)數(shù)字滾動的需求，想著肯定有很多這種效果的插件，就不自己造輪子了，于是，找了個數(shù)字滾動插件，還挺好用，很簡單，剛好符合需求。另外，提示一句，改變數(shù)字的字號大小，需要修改的中的字號的比例要把握好，一不小心就壞了，呵呵，親身體會
有個實現(xiàn)數(shù)字滾動的需求，想著肯定有很多這種效果的插件，就不自己造輪子了，于是，找了個numberAnimate js數(shù)字滾動插件，還挺好用，很簡單，剛好符合需求。
代碼如下：
數(shù)字滾動插件
無分隔符，無小數(shù)點：
想要的效果是過一段時間加1的效果，可以實現(xiàn)，但是有個小小的bug，那就是，比如說，個位數(shù)字加到9時進一位然后該位上為0，問題來了，這里0的數(shù)字卻滾動不出來，直接到了下一個時間間隔時滾動到了11，調(diào)試了很久發(fā)現(xiàn)，是numberAnimate.js中，第85行的判斷條件有問題，注釋掉該if判斷就好了，如下圖：
上圖中，第85行的$(this).css("top")一直都是0px，而第84行計算獲取到的thisTop 在數(shù)字滾到到0 時值為0px，所以導(dǎo)致直接跳過了判斷，沒有執(zhí)行到transform動畫那里，所以少了0的效果，導(dǎo)致看起來的效果就是9直接跳到了11，沒有10。
另外，提示一句，改變數(shù)字的字號大小，需要修改的numberAnimate.css中的height、width、字號的比例要把握好，一不小心就壞了，呵呵，親身體會 -_-||
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/97533.html
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...
摘要：原文地址初衷如今移動端站點越來越多，滾動到底部加載數(shù)據(jù)和下拉刷新的需求非常的常見，即使現(xiàn)在很多站點也會有這樣的需求，比如百度首頁就有。 原文地址 https://github.com/fa-ge/Scrollload/blob/master/README.md 初衷 如今移動端站點越來越多，滾動到底部加載數(shù)據(jù)和下拉刷新的需求非常的常見，即使現(xiàn)在很多pc站點也會有這樣的需求，比如百度首頁...
閱讀 2569·2021-11-11 16:54
閱讀 1288·2021-09-22 15:23
閱讀 3748·2021-09-07 09:59
閱讀 2140·2021-09-02 15:41
閱讀 3359·2021-08-17 10:13
閱讀 3154·2019-08-30 15:53
閱讀 1302·2019-08-30 13:57
閱讀 1285·2019-08-29 15:16
