成人动画一区二区三区|日韩性爱一区二区在线视频|se青草视频在线观看|亚洲一区国产区av高清中文在线

技術(shù)文章 返回列表

微信瀏覽器上拉加載失效的問(wèn)題

來(lái)源:和光網(wǎng)絡(luò) 日期:2022-05-16 19:49:45 點(diǎn)擊:1961

我們用angular開(kāi)發(fā)了一個(gè)微信公眾號(hào)網(wǎng)頁(yè)程序,完美持續(xù)運(yùn)營(yíng)3年,今年4月份突然發(fā)現(xiàn)在首頁(yè)上拉加載數(shù)據(jù)的時(shí)候無(wú)法上拉。

突然出現(xiàn)的這個(gè)問(wèn)題把我們都整懵了,為啥突然就不能上拉了?

剛開(kāi)始查詢(xún)微信瀏覽器是不是更新什么東西了,結(jié)果查了半天也沒(méi)發(fā)現(xiàn)什么有用的文章。

百度的時(shí)候倒是查到了一點(diǎn)有用的信息,但是我們用的都是angular的組件ng-zorro-antd-mobile,內(nèi)部已經(jīng)實(shí)現(xiàn)了兼容,所以又不行

失?。?/p>

關(guān)鍵是手機(jī)的微信瀏覽器不能debug,這就很費(fèi)勁了。

查看組件的源碼,但是發(fā)現(xiàn)源碼寫(xiě)的都沒(méi)有問(wèn)題-.-!

最后只能alert出srollTop參數(shù),發(fā)現(xiàn)為啥它的精度怎么這么大,小數(shù)點(diǎn)后好幾位!然后又發(fā)現(xiàn)這個(gè)組件在判斷是否到達(dá)底部的地方用的是“===”!

叮!發(fā)現(xiàn)問(wèn)題!喜大普奔~

最后把“===”改成了“>=”,并且把scrollTop向上取整!問(wèn)題終于得到解決

結(jié)論:微信瀏覽器的獲取滾動(dòng)距離的關(guān)鍵參數(shù)scrollTop不是整數(shù)!判斷的時(shí)候要謹(jǐn)慎

最后的最后希望這篇文章能給你帶來(lái)啟發(fā),創(chuàng)造更出色的代碼!