首页 > 其他 > 详细

vue中使用better-scroll

时间:2020-02-08 21:29:05      阅读:79      评论:0      收藏:0      [点我收藏+]

 

1.创建vue-cli3项目   指令 vue create 项目名

 

2.要想使用better-scroll 需要先引入 better-scroll的插件  

这里采用 npm的方式    指令 npm install better-scroll -- save (项目依赖)

 

3.多个列表的展示     当前情况下是全局的滚动

技术分享图片

4.我们希望制定某一个区域可以滚动

原生的方式 

需要给

这些li的父亲设置     当然,这种原生的方式在移动端会很卡  ,放弃使用

技术分享图片

5.采用better-scroll实现滚动   引入better-scroll插件  和在mounted生命周期创建better-scroll实例对象    而且还有弹框效果   这里需要注意的是content外层必须要包上一层wrapper content也是惟一的,content里面可以有很多元素

技术分享图片

 

vue中使用better-scroll

原文:https://www.cnblogs.com/gsq1998/p/12285102.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!