码迷,mamicode.com
首页 > 其他好文 > 详细

BScroll使用

时间:2020-03-01 23:25:11      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:cli   span   rap   bsp   sele   probe   str   tor   轮播图   

简介

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.调用即可

 

重点:

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

 

 

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

BScroll使用

标签:cli   span   rap   bsp   sele   probe   str   tor   轮播图   

原文地址:https://www.cnblogs.com/CGWTQ/p/12357361.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!