在首頁時候，使用betterscroll外掛程式的時候，滾動的時候經常會卡頓。better-scroll在決定有多少區域可以滾動時，是根據scrollerheight屬性決定的。scrollerheight屬性時根據better-scroll的content中的子元件的高度。但是，剛開始在計算scrollerheight屬性時，是沒有將計算在內的。所以計算出來的高度是錯誤的，後來載入進來的時候，即使出現了新的高度，但是scrollerheight屬性並沒有進行更新，才會滾動出現問題。
解決這個問題的話，我們只需要監聽每一張是否載入完成，只要有一張載入完成了，就執行一次refresh（）。來稍微解釋下refresh函式，其作用為，重新計算 better-scroll，當 dom 結構發生變化的時候務必要呼叫確保滾動的效果正常。監聽的載入完成的話，只需要在goodsitem中的img中，使用@load進行監聽。而goodsitem與home並不屬於父子元件關係。而如果在這裡使用，vuex，又感覺過於雜糅，因此在這裡使用了事件匯流排。
vue.prototype.$bus= new vue()之後，在需要傳出的goodsitem中，對其img進行監聽，且使用事件匯流排傳出:
之後，在home.vue中新增如下**：
mounted() )再在scroll.vue中的methods裡面如下處理即可：}
methods:}
better scroll滾動無效 幾種原因
一 dom層級關係 class class content content.div div class classifytitle ref class ss div v for item,index in classifydata.products to router link li ul div ...
better scroll無法滾動的問題
better scrooll的github位址 better scroll文件 一 dom層級關係 content content.div div classifytitle ref ss div for item,index in classifydata.products router link...
better scroll 實現無縫輪播
better scroll 適用於解決移動端各種滾動場景，滾動列表 輪播圖等。better scroll新版本設定輪播圖有一些變動。slider.vue 結構及部分樣式設定 插槽位置即輪播圖，在引入主頁面的中間插入 小圓點採用絕對定位 import common stylus variable sl...