better-scroll的滾動坑

在寫移動端網頁使用better-scroll的時候,發現各個數據都存在,也會觸發滾動函數,但就是不會滾動,這時打印betterscroll的對象發現

途中圈紅位置標示是否可以滾動,只有滾動長度大與容器長度(如縱向滾動時scrollerHeight>wrapperHeight時時纔可以滾動,相應圈紅位置才爲true,爲true時就可以滾動啦。

像我這種問題,原因是因爲異步原因,雖然頁面顯示滾動長度是大與容器長度的,但是初始創建betterscroll對象的時候顯然並不是這樣的,我是通過獲取數據來渲染頁面的,顯然 創建betterscroll對象的時候,數據還沒獲取到,所以頁面顯示滾動長度是不大與容器長度的,這個問題可以通過定時器,或者async和await解決。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章