BScroll使用

Posted 2020-11-27 cgwtq

简介

better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。

 

安装

 

### 使用 npm 或者 yarn

npm install better-scroll --save

yarn add better-scroll

 

使用

### 1.导入

import BScroll from ‘better-scroll‘

### 2.创建实例对象

const bscroll = new BScroll(document.querySelector(‘.wrapper‘),{
　　probeType:3,    //0,1，2，3
　　click:true,  //是否允许点击，默认false
　　pullUpLoad:true   //上拉加载更多,默认为false，不允许
})

### 3.调用即可

 

重点：

• 固定最外层容器高度
• 外层容器的第一个子元素高度 要超过外层容器高度
• 官方文档

 

 

特此声明：如需转载请注明出处，如有疑问请及时提出以便于改正，如有侵权，联系删除，谢谢