betterScroll更新導致的無縫輪播出錯

2021-09-24 06:49:55 字數 410 閱讀 1266

之前的版本是(0.1.15),better-scroll的初始化設定是

this.slider = new bscroll(this.$refs.slider, )

複製**

可以完美設定better-scroll的無縫滾動,如果後台返回的滾動列表是4組資料,設定了loop模式會建立4+2組資料,但是講版本更新到(1.10.2),返回的幾組資料,就會建立幾組slider資料,不能實現無縫滾動,檢視最新的api,發現新版本的初始化應該如下:

this.slider = new bscroll(this.$refs.slider, 

})複製**

這樣設定就可以完美實現。所以在我們引用的一些元件出現問題的時候要及時檢視是否元件更新導致api設定發生改變。

better scroll 實現無縫輪播

better scroll 適用於解決移動端各種滾動場景,滾動列表 輪播圖等。better scroll新版本設定輪播圖有一些變動。slider.vue 結構及部分樣式設定 插槽位置即輪播圖,在引入主頁面的中間插入 小圓點採用絕對定位 import common stylus variable sl...

better scroll 上拉載入

首先需要乙個使用了bs編寫的列表 肯定是不能有bug的 bs中文文件 this.actscroll new bscroll actbox,pullupload 在初始化配置項裡面新增pullupload配置選項,給定上拉的數值 觸發上拉載入的事件,呼叫getinfo 請求資料 this.actscr...

better scroll滾動區域問題

在首頁時候,使用betterscroll外掛程式的時候,滾動的時候經常會卡頓。better scroll在決定有多少區域可以滾動時,是根據scrollerheight屬性決定的。scrollerheight屬性時根據better scroll的content中的子元件的高度。但是,剛開始在計算scr...