better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等...所以本文主要给大家介绍了关于vue用better-scroll实现轮播图与页面滚动的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。在根目录中package.json的dependencies中添加:然后 将better-scroll封装成两个基础组件slider和scroll放于src/base文件夹中。slider.vue 代码该代码引用common/js/dom.js中的addClass()方法为每个轮播图添加一个slider-item类,dom.js代码如下:scroll.vue代码使用这两个组件的页面组件home.vue 代码如下:slider组件的父元素必须给他一个100%的宽度且定义overflow:hidden,否则整个页面会被撑开,整个页面都能横向滚动效果图如下:
暂无评论