使用better-scroll要使內層容器寬度大于外層容器才可以滾動,當內層容器寬度等于外層容器時,無法滾動,這時候就需要動態(tài)設置內層容器寬度。

計算內容容器寬度并賦值給dom, dom更新之后初始化better-scroll即可,傳入?yún)?shù)scrollX表示橫向滾動,eventPassthrough:vertical表示在橫豎滾動同時存在時,不會互相影響
eventPassthrough類型: String默認值:'' ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 可選值:'vertical'、'horizontal' ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 作用:有時候我們使用 better-scroll 在某個方向模擬滾動的時候,希望在另一個方向保留原生的滾動(比如輪播圖,我們希望橫向模擬橫向滾動,而縱向的滾動還是保留原生滾動,我們可以設置 eventPassthrough 為 vertical;相應的,如果我們希望保留橫向的原生滾動,可以設置eventPassthrough為 horizontal)。備注:eventPassthrough 的設置會導致其它一些選項配置無效,需要小心使用它。
注意:獲取的是內容容器的寬度,而使用better-scroll制造滾動時,獲取的是外部 wrapper
報錯:
better-scroll報錯類似 children undefined的錯誤,解決:更改dom名稱,不要使用swiper-area這樣的格式。js中的名稱名字要完全一樣。