VUEJS滚动插件BetterScroll使用时 无法滚动,但是已经捕获 demo

最近用了BetterScroll仿照别人的源码开发个小东西玩遇到了问题,和群里�� S_m1n9、讨论了下:

这个比较坑爹。有几点你需要注意:

1. 你的父级容器 也就是 捕获的 demo 要有个有 overflow:hidden 和具体宽度/高度;子容器也要有宽度是你所有素材的宽度/高度熟悉他的工原理的童鞋应该明白。。这玩意就是通过transform来 做动画 移动显示的:

2. 确定你是想垂直(上下)滚动还是想左右滚动:

1.上下滚动你需要把容器 上图 ul 的 高度定死也就是如 : height: 100px


2. 如果是水平(左右)滚动,你就得吧 width 宽度给定死,如:width: 100px


姑且上传个 上下的图:

如上图所示:我我写的是上下垂直滚动的,而见他源码。由于 他这个源码里写的是 你容器.children[0],容器的第一个子元素是最终容器 所以我这里是ul给个高度就好了。

最后,给新手个个小提示吧:不想给死数据的,可以用这个方法 -- 

注意 有时候 高度宽度 最终容器 ul 是 能获取高度/宽度不用给定,但是有时候 无法滚动 你就要自己指定了。。还是有些不大智能啊


this.$refs['XXXXXdemo'].style.height = 数据.lenght + 'px'; // 一定别掉了最后的px

最后,有问题欢迎加群:115658205 进行交流!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值