Iscroll
2018-08-25 本文已影响40人
秋天de童话
- absStartX:0
- absStartY:-58
- directionLocked:0
- directionX:0
- directionY:1
- distX:-18.570999145507812
- distY:44.2860107421875
- enabled:true
- endTime:1534690677086
- hasHorizontalScroll:false
- hasVerticalScroll:true
- initiated:0
- isInTransition:false
- maxScrollX:0
- maxScrollY:-57
- moved:true
- options:{resizeScrollbars: true, mouseWheelSpeed: 20, snapThreshold: 0.334, disablePointer: false, disableTouch: true, …}
- pointX:254.28599548339844
- pointY:227.14300537109375
- resizeTimeout:6
- scroller:div.child
- scrollerHeight:357
- scrollerStyle:CSSStyleDeclaration {0: "transition-timing-function", 1: "transition-duration", 2: "transform", alignContent: "", alignItems: "", alignSelf: "", alignmentBaseline: "", all: "", …}
- scrollerWidth:400
- startTime:1534690676862
- startX:0
- startY:-2.9050140380859517
- translateZ:" translateZ(0)"
- wrapper:div.parent
- wrapperHeight:300
- wrapperOffset:{left: -8, top: -8}
- wrapperWidth:400
- x:0
- y:-12
- _events:{}
- proto:Object
option::
- HWCompositing:true
- bindToWrapper:false
- bounce:true
- bounceEasing:{style: "cubic-bezier(0.1, 0.57, 0.1, 1)", fn: ƒ}
- bounceTime:600
- directionLockThreshold:5
- disableMouse:true
- disablePointer:false
- disableTouch:true
- eventPassthrough:undefined
- freeScroll:true
- invertWheelDirection:1
- momentum:true
- mouseWheelSpeed:20
- preventDefault:true
- preventDefaultException:{tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/}
- resizePolling:60
- resizeScrollbars:true
- scrollX:true
- scrollY:true
- snapThreshold:0.334
- startX:0
- startY:0
- useTransform:true
- useTransition:true
propetype 探测 -- 拖拽
iscroll事件
https://iiunknown.gitbooks.io/iscroll-5-api-cn/content/customevents.html
- beforeScrollStart，在用户触摸屏幕但还没有开始滚动时触发。
- scrollCancel，滚动初始化完成，但没有执行。
- scrollStart，开始滚动
- scroll，内容滚动时触发，只有在scroll-probe.js版本中有效，请参考onScroll event。
- scrollEnd，停止滚动时触发。
- flick，用户打开左/右。
- zoomStart，开始缩放。
- zoomEnd，缩放结束。
栗子
myScroll = new IScroll('#wrapper');
myScroll.on('scrollEnd', doSomething);
