VUEJS滚动插件BetterScroll使用时 无法滚动,但是已经捕获 demo
来源:互联网 发布:网络维保服务 编辑:程序博客网 时间:2024/06/06 01:26
最近用了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
2 0
- VUEJS滚动插件BetterScroll使用时 无法滚动,但是已经捕获 demo
- vue 中使用better-scroll插件时无法滚动问题
- BetterScroll:在移动端滚动场景的应用
- vuejs日常-绑定滚动事件
- bxSlider图片滚动插件使用。
- iscroll5 手机滚动插件使用
- 滚动条插件使用 --笔记
- 滚动插件
- jquery滚动公告demo
- 插件--滚动插件slimScroll
- JS鼠标滚动插件scrollpath使用介绍
- 全屏滚动插件FullPage的使用
- 滚动条插件nanoScroll的使用示例
- 利用fullpage全屏滚动插件的使用
- IOS中使用iframe无法滚动解决办法
- js捕获鼠标滚动事件
- fullpage(jQuery全屏滚动插件)插件的使用
- jquery滚动分页插件
- Universal Link(iOS)踩坑
- csu1779——错误的算法(模拟)
- thrift使用(2):代码生成和接口调用
- Oracle 时间修改
- 关于 MPAndroidChart 中的 LineChart 的使用小结
- VUEJS滚动插件BetterScroll使用时 无法滚动,但是已经捕获 demo
- c++作业四
- JavaScript之命名表达式
- IP回流问题分析
- 如果两个程序员差不多,选写作能力更好的那个
- 微信小程序开发常见问题FAQ之三
- Android驱动开发【NDK模型】———为什么使用JNI
- 设计模式学习之观察者模式
- 纹理映射基础