rc-better-scroll

---

1. 本项目是better-scroll在React中的一种实现。
2. 适用于移动端
3. 项目源码
4. 本项目改至 react-bescroll 在此感谢!!!

Examples

demo

Install



npm install rc-better-scroll

或



yarn add rc-better-scroll







Usage



import Srcoll from 'rc-better-scroll';



render() {

    return (

      

                  noMore={this.props.noMore}

          pullDownRefresh={this.pullDownRefresh}

          pullUpLoad={this.pullUpLoad}

        >

          

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

          

        

      

    );

}





API

具体选项的含义请参考Better-Scroll中文文档



$3

| 属性 | 类型 | 默认值 | 说明 |

| ---- | ---- | ---- | ---- |

| probeType | Number | 3 | 我们需要知道滚动的位置， 当probeType为0：不派发滚动事件；为1：非实时（屏幕滑动超过一定时间后）派发scroll 事件； 为2：实时的派发 scroll 事件； 为 3 ：屏幕滑动的过程中和momentum 滚动动画运行过程中实时派发 scroll 事件 |

| click | Boolean | true| better-scroll 默认会阻止浏览器的原生 click 事件。当设置为 true，better-scroll 会派发一个 click 事件。但是自定义的 click 事件会阻止一些原生组件的行为，如 checkbox 的选中等，所以一旦滚动列表中有一些原生表单组件，推荐的做法是监听 tap 事件（暂未实现tap）或者 在需要click的原生Dom添加

rc-better-scroll

---

1. 本项目是better-scroll在React中的一种实现。
2. 适用于移动端
3. 项目源码
4. 本项目改至 react-bescroll 在此感谢!!!

Examples

demo

Install



npm install rc-better-scroll

或



yarn add rc-better-scroll







Usage



import Srcoll from 'rc-better-scroll';



render() {

    return (

      

                  noMore={this.props.noMore}

          pullDownRefresh={this.pullDownRefresh}

          pullUpLoad={this.pullUpLoad}

        >

          

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

            aaaaaasdadwd

          

        

      

    );

}





API

具体选项的含义请参考Better-Scroll中文文档



$3

| 属性 | 类型 | 默认值 | 说明 |

| ---- | ---- | ---- | ---- |

| probeType | Number | 3 | 我们需要知道滚动的位置， 当probeType为0：不派发滚动事件；为1：非实时（屏幕滑动超过一定时间后）派发scroll 事件； 为2：实时的派发 scroll 事件； 为 3 ：屏幕滑动的过程中和momentum 滚动动画运行过程中实时派发 scroll 事件 |

| click | Boolean | true| better-scroll 默认会阻止浏览器的原生 click 事件。当设置为 true，better-scroll 会派发一个 click 事件。但是自定义的 click 事件会阻止一些原生组件的行为，如 checkbox 的选中等，所以一旦滚动列表中有一些原生表单组件，推荐的做法是监听 tap 事件（暂未实现tap）或者 在需要click的原生Dom添加