1. 程式人生 > >better-scroll滾動不了的問題

better-scroll滾動不了的問題

這裡寫圖片描述
這裡寫圖片描述

今天有空嘗試用了better-scroll元件來寫slider,誰知道遇到一個很坑的一個東西。

1、一定要每個slider-item元素新增一個寬度,重點是父元素slider-group的寬度也一定要大於等於所有子元素slider-item之和。

2、一定要保證在DOM渲染完畢後初始化better-scroll,也就是新增延時執行,

setTimeout(() => {
this._initScroll()
}, 20)

或者

this.$nextTick(() => {
this._initScroll()
})

而我明明就按照了這兩個要求來做後,依然滾動不了,然後就檢查了一下程式碼,發現原來是給slider添加了寬度,從而導致滾動不了,最後解決方法是給slider-group加回了個寬度

http://blog.csdn.net/sinat_17775997/article/details/72841002