better-scroll

背景与优势

1、是D8黄轶老师基于iscroll重写的插件，重点解决移动端（已支持 PC）各种滚动场景需求的插件。可以很好的和 Vue 配合使用。
2、滚动流畅，且没有滚动条。

文档地址

官网http://ustbhuangyi.github.io/better-scroll/doc/

安装

npm install better-scroll --save

引入

import BScroll from 'better-scroll'

简单例子

  
  

    
...
    
...
    ...
  
  

初始化

let scroll = new BScroll('.wrapper', {
    scrollY: true,
    click: true
})

可以滚动的前提：
1、content要比wrapper高
2、wrapper宽高值确定并且overflow: hidden

它有很多方法与属性去帮助我们实现我们工作中业务的各种使用场景

自已做的一个上拉加载和下拉刷新的demo

p1dgf-p9k5z.gif

每一个不曾起舞的日子，都是对生命的辜负