Better-Scroll

1.Better-Scroll

better-scroll 是一款重点解决移动端（现已支持 PC 端）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些特征以及做了一些性能优化。

better-scroll 是基于原生 JS 实现的，不依赖任何框架。 

手册地址：http://ustbhuangyi.github.io/better-scroll/doc/zh-hans/

2.使用说明

new BScroll(wrapper，{

        配置信息

    })

使用better-scroll注意点：

better-scroll默认滑动的是wrap下的第0个子元素；

使用better-scroll时wrap必须有一个固定高度；

3.Better-Scroll制作幻灯片

3.1-配置信息

    - scrollX

    - scrollY

    - snap：{

        loop:true||false

        threshold:0-1

    }

    - eventPassthrough: vertical|horizontal

 

3.2- 相关方法:

    - getCurrentPage()

    - next()

    - prev()

 

3.3- 相关事件:

    - scrollEnd

    - beforeScrollStart

    - touchEnd

 

4.Better-Scroll制作选择器

4.1- 配置信息

    wheel:{

        selectedIndex:0,

        adjustTime:400,

        rotate: 36,

        wheelWrapperClass: 'list',

        wheelItemClass: 'list-item'

    }

 

4.2- 相关方法:

    - getSelectedIndex

 

4.3- 相关事件:

    - scrollEnd

 

5.Better-Scroll制作indexList

5.1- 配置信息

    probeType

 

5.2- 相关方法:

    - scrollToElement

 

5.3- 相关事件:

    - scroll

 

6.Better-Scroll制作上滑加载

6.1- 配置信息

    pullUpLoad: {

        threshold: 50

    }

6.2- 相关方法:

    - finishPullUp

            - openPullUp

            - closePullUp

6.3- 相关事件:

    - pullingUp

 

7.Better-Scroll制作下拉刷新

7.1- 配置信息

    pullDownRefresh : {

        threshold: 50, // 当下拉到超过顶部 50px 时，触发 pullingDown 事件

        stop: 20 // 刷新数据的过程中，回弹停留在距离顶部还有 20px 的位置

    }

7.2- 相关方法:

    - finishPullDown

    - openPullDown

    - closePullDown

7.3- 相关事件:

    - pullingDown