better-scroll解决移动端各种滚动(轮播图)

前言

etter-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。

安装及使用

1.安装

npm install better-scroll --save

2.使用

import BScroll from 'better-scroll'
let wrapper = document.querySelector('.wrapper')
let scroll = new BScroll(wrapper)

如果传递的是一个字符串，better-scroll 内部会尝试调用 querySelector 去获取这个 DOM 对象，所以初始化代码也可以是这样：

import BScroll from 'better-scroll'
let scroll = new BScroll('.wrapper')

3.其他参数
参考api

注意事项

使用better-scroll的基本条件
1.必须包含两个大的div，外层和内层div
2.外层div设置可视的大小(宽或者高)-有限制宽或高
3.内层div，包裹整个可以滚动的部分
4.内层div高度一定大于外层div的宽或高，才能滚动

文档

中文文档：api链接
demo演示：演示链接
example: example