格式:var obj = new BScroll(object,{[option1,],.,.});
注意:
1、要確保object元素的高度比其父元素高
2、使用時,一定要確保object所在的dom渲染后,再用上面的語句,或者obj.refresh()
Options 參數
- startX:
0開始的X軸位置- startY:
0開始的Y軸位置- scrollY:
true滾動方向為 Y 軸- scrollX: true 滾動方向為 X 軸
- click:
true是否派發click事件,通常判斷瀏覽器派發的click還是betterscroll派發的click,可以用event._constructed,若是bs派發的則為true- directionLockThreshold:
5- momentum:
true當快速滑動時是否開啟滑動慣性- bounce:
true是否啟用回彈動畫效果- selectedIndex:
0wheel 為 true 時有效,表示被選中的 wheel 索引- rotate:
25wheel 為 true 時有效,表示被選中的 wheel 每一層的旋轉角度- wheel:
false該屬性是給 picker 組件使用的,普通的列表滾動不需要配置- snap:
false該屬性是給 slider 組件使用的,普通的列表滾動不需要配置- snapLoop:
false是否可以無縫循環輪播- snapThreshold:
0.1用手指滑動時頁面可切換的閾值,大於這個閾值可以滑動的下一頁- snapSpeed:
400, 輪播圖切換的動畫時間- swipeTime:
2500swipe 持續時間- bounceTime:
700彈力動畫持續的毫秒數- adjustTime:
400wheel 為 true 有用,調整停留位置的時間- swipeBounceTime:
1200swipe 回彈 時間- deceleration:
0.001滾動動量減速越大越快,建議不大於0.01- momentumLimitTime:
300符合慣性拖動的最大時間- momentumLimitDistance:
15符合慣性拖動的最小拖動距離- resizePolling:
60重新調整窗口大小時,重新計算better-scroll的時間間隔- preventDefault:
true是否阻止默認事件- preventDefaultException:
{ tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ }阻止默認事件- HWCompositing:
true是否啟用硬件加速- useTransition:
true是否使用CSS3的Transition屬性- useTransform:
true是否使用CSS3的Transform屬性- probeType:
1滾動的時候會派發scroll事件,會截流。2滾動的時候實時派發scroll事件,不會截流。3除了實時派發scroll事件,在swipe的情況下仍然能實時派發scroll事件
