前言
hyj-better-scroll-react 是一款基于 BetterScroll 的 React 组件，可以帮助我们快速实现滚动效果。
安装
使用 npm 进行安装：
npm install hyj-better-scroll-react --save
快速入门
1. 引入组件
import BScroll from 'hyj-better-scroll-react';
2. 使用组件
<BScroll> // 这里是我们要滚动的内容 </BScroll>
参数说明
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| children | React 组件 | - | 必填项，指定要滚动的内容 |
| probeType | Number | 3 | probeType |
| click | Boolean | true | click |
| pullDownRefresh | Object | - | pullDownRefresh |
| pullUpLoad | Object | - | pullUpLoad |
- 注意：除了 children 之外，其它参数都是可选项。
示例代码
1. 基本滚动
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ ------- ---- --------------------------
----- --- ------- --------- -
-------- -
------ -
---------
----
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-----
----------
--
-
-
------ ------- ----2. 下拉刷新
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ ------- ---- --------------------------
----- --- ------- --------- -
-------------- - ---- -- -
------------- -- -
--------------------
-- ------
-
-------- -
------ -
-------- ---------------------------- --- ----- -- -- ------------------------------------
----
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-----
----------
--
-
-
------ ------- ----3. 上拉加载
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ ------- ---- --------------------------
----- --- ------- --------- -
------------ - ---- -- -
------------- -- -
------------------
-- ------
-
-------- -
------ -
-------- ----------------------- --- -- --------------------------------
----
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-----
----------
--
-
-
------ ------- ----总结
hyj-better-scroll-react 是一个非常好用的滚动组件，可以帮助我们快速实现滚动效果，无论是基本的滚动还是下拉刷新、上拉加载，都可以轻松处理。希望这篇文章能够帮助大家更好的使用这个组件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e6d9381d61a3540b29