格式: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:
0
wheel 为 true 时有效,表示被选中的 wheel 索引 - rotate:
25
wheel 为 true 时有效,表示被选中的 wheel 每一层的旋转角度 - wheel:
false
该属性是给 picker 组件使用的,普通的列表滚动不需要配置 - snap:
false
该属性是给 slider 组件使用的,普通的列表滚动不需要配置 - snapLoop:
false
是否可以无缝循环轮播 - snapThreshold:
0.1
用手指滑动时页面可切换的阈值,大于这个阈值可以滑动的下一页 - snapSpeed:
400
, 轮播图切换的动画时间 - swipeTime:
2500
swipe 持续时间 - bounceTime:
700
弹力动画持续的毫秒数 - adjustTime:
400
wheel 为 true 有用,调整停留位置的时间 - swipeBounceTime:
1200
swipe 回弹 时间 - 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事件
转载于:https://www.cnblogs.com/shenwh/p/7811764.html