我們用angular開發了一個微信公眾號網頁程序,完美持續運營3年,今年4月份突然發現在首頁上拉加載數據的時候無法上拉。
突然出現的這個問題把我們都整懵了,為啥突然就不能上拉了?
剛開始查詢微信瀏覽器是不是更新什么東西了,結果查了半天也沒發現什么有用的文章。
百度的時候倒是查到了一點有用的信息,但是我們用的都是angular的組件ng-zorro-antd-mobile,內部已經實現了兼容,所以又不行
失敗!
關鍵是手機的微信瀏覽器不能debug,這就很費勁了。
查看組件的源碼,但是發現源碼寫的都沒有問題-.-!
最后只能alert出srollTop參數,發現為啥它的精度怎么這么大,小數點后好幾位!然后又發現這個組件在判斷是否到達底部的地方用的是“===”!
叮!發現問題!喜大普奔~
最后把“===”改成了“>=”,并且把scrollTop向上取整!問題終于得到解決
結論:微信瀏覽器的獲取滾動距離的關鍵參數scrollTop不是整數!判斷的時候要謹慎
最后的最后希望這篇文章能給你帶來啟發,創造更出色的代碼!