使用Better-scroll無法滾動可能是多種原因造成的,子元素高度小於父元素高度、層級關係不對(只作用於父元素中的第一個子元素),還有可能是實例化的時機不對造成,這時可以在Vue.$nextTick()鉤子裏去初始化better-scroll。this.$nextTick 是一個異步函數,爲了確保 DOM 已經渲染,這樣能確保在實例化時能正確獲取需要添加滾動的元素。
better-scroll無效的解決方案(放在nextTick裏調用)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
根據總秒數,js展示倒計時時分秒
空手走-web
2020-07-08 11:54:55
移動端ios點擊input/button時的【陰影/閃爍】解決方法
IceYang-
2020-07-07 08:45:41
html 網址只能在微信內打開 的代碼
IceYang-
2020-07-07 08:45:41
移動端前端適配方案(總結)
陈迹·清欢
2020-07-07 04:39:40
禁止手機瀏覽器、微信瀏覽器的上下滑動露出黑色塊問題
tanmuxue
2020-07-06 22:44:33
#uniapp#案例#導航欄
.GEEK
2020-07-06 22:01:15
#uniapp#案例#滾動組件製造
.GEEK
2020-07-06 22:01:15
#uniapp#案例#商品列表製作
.GEEK
2020-07-06 22:01:15
叮,您有一份防薅羊毛攻略已送達。
bholly
2020-07-06 18:25:58
【H5開發基礎】移動端1像素邊框問題的解決方案
zhengxiuchen86
2020-07-06 12:05:05
js控制iphone端的input/textarea元素失去焦點時隱藏鍵盤
叶ch楼喽
2020-07-06 10:48:30
移動端css實現柱狀圖
1、效果圖 2、代碼 <body> <div class="contain"> <div class="reline"> <div class="line">
jinchao_zhang
2020-07-05 12:21:55
在移動端封裝一個自己的tap事件
BrightLD
2020-07-05 08:03:43