vue 使用better-scroll创建一个横向滚动并处理谷歌浏览器cancelable=false报错

本想着有木有人写好现成的组件,搜索了下,并没有,于是只能用better-scroll插件来做了。先看下效果图:教程具体的详细内容就不多说了,直接讲一下他的实现要求。最外围一个wrap容器,用于初始化的,他的宽度自己设置,然后overflow: hidden;必须设置,你也可以只设置x轴。wrap下面是一个宽度容器,content,他的宽度必须是他下面子元素宽度之和,比如有3个子元素,子元素的宽度是200,content就是3*200的宽度content容器下面就是具体的子元素了,尽量不用用margin做间隔,因为js获取margin不是很方便,可以多套个div元素,用padding来做分...

0
0
vue 使用better-scroll创建一个横向滚动并处理谷歌浏览器cancelable=false报错

vue使用better-scroll制作左右菜单联动以及vant框架导致滚动失效的解决办法

vue使用better-scroll制作左右菜单联动better-scroll是一个纯js的插件,官方推荐配合vue这种纯前端开发使用,在vue中使用需要注意一些地方,比如初始化的时机,html的布局,事件的触发机制安装我现在都是用yarn 方便一些,未来的安装包管理器yarn add better-scrollyarn不写--save默认就是save,如果要--save-dev 如下写法yarn add better-scroll --dev安装完毕后可以在main.js文件中作为全局调用,也可以在对于的组件内调用,我是在组件中的,所以在组件的script元素中import<sc...

0
0
vue使用better-scroll制作左右菜单联动以及vant框架导致滚动失效的解决办法
加载中