TouchScroll

移动端局部滚动 React 组件

安装

npm install -S rmc-touchscroll

特点

1. 对 iOS 系统设置局部滚动流畅支持 & 避免拖拽出WebView底色 & 支持设置过度拖拽显示的元素
2. 对 Android 系统修复输入法弹出时，滚动区域里的输入框不可见的问题

注意

使用时需要用样式或者 height 属性约束组件的高度

<TouchScroll style={{ height: 300 }}>
</TouchScroll>

或者

<TouchScroll height={300}>
</TouchScroll>

或者

<TouchScroll height={() => 300}>
</TouchScroll>

属性

• height: 局部滚动的容器高度
• extraTopEle & extraBottomEle: iOS 局部滚动拖动/滚动过界显示的元素
• fixReachTopMoveBug & fixReachBottomMoveBug： iOS 修复上下边界处滚动导致 WebView 拖动的问题。iOS 设备默认 true
• scrollableIfContentShort: 局部滚动的内容不足时，是否填充空白内容使能够滚动。iOS 默认 true
• onScroll：滚动回调。参数 scrollY, scrollYRange
• fixAndroidInputAutoScroll: 对 Android 设备，window resize 时，自动滚动到当前聚焦的输入元素。默认 true
• autoFocusQuerySelector：dom selector，组件初始化时要滚动到的元素