1、安装:
npm install better-scroll --save
2、使用
wapper为最外层、设置overflow:hidden;里面要有一个div包裹,然后里面是滚动内容
<div class="list" ref="wrapper">
<div>
<div class="area">xxxxxxxxxx</div>
</div>
</div>
js引用BScroll,在页面挂载完成后实例化scroll
<script>
import BScroll from 'better-scroll'
export default {
name: 'List',
mounted () {
this.scroll = new BScroll(this.refs.wrapper)
}
};
</script>
ref可以帮助获取dom
mounted里面这样写也可以:
mounted () {
const wrapper = document.querySelector('.list')
const scroll = new BScroll(wrapper)
}
注意:要是某个区域滚动,必须给这个区域(wrapper)一个高度