分类：better

2021
03-02

关于better-scroll插件的无法滑动bug(2021通过插件解决)

better-scroll滚动原理wrapper作为父容器，它的高度会随着内容的大小而撑高。那么，当content的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们就可以滚动内容区了BetterScroll默认处理容器（wrapper）的第一个子元素（content）的滚动，其它的元素都会被忽略所以也给定了如下页面结构<divclass="wrapper"><ulclass="content"><li>...</li><li>...</li>...</ul><!--这里可以放一些其它的DO... 继续阅读 >

2020
10-08

vue基于better-scroll仿京东分类列表

本文实例为大家分享了vue基于better-scroll仿京东分类列表的具体代码，供大家参考，具体内容如下效果图和目录结构1、main.js（需要安装router）importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'import'../src/assets/js/mock'importaxiosfrom'axios'axios.defaults.baseURL='http://mockjs.com/api'Vue.prototype.$http=axiosVue.config.productionTip=falsenewVue({router,render:h=... 继续阅读 >

2020
10-08

vue使用better-scroll实现滑动以及左右联动

本文实例为大家分享了vue实现滑动以及左右联动效果的具体代码，供大家参考，具体内容如下一、首先需要在项目中引入better-scroll1.在package.json直接写入"better-scroll":"^1.15.1" 版本以github上为准（目前最新）2.cpnminstall 在node_modules 可以查看版本是否安装3.直接在你的组件里面写入importBScrollfrom'better-scroll';二、better-scroll优点1.体验像原生：滚动非常流畅，而且没有滚动条。2.滚... 继续阅读 >

2020
09-28

基于better-scroll 实现歌词联动功能的代码

BetterScroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。它的核心是借鉴的iscroll的实现，它的API设计基本兼容iscroll，在iscroll的基础上又扩展了一些feature以及做了一些性能优化。BetterScroll是使用纯JavaScript实现的，这意味着它是无依赖的。正文前段时间公司要做个歌词标记功能，标记副歌、前奏、无效内容等等。找了找没有找到类似的实现，只能自己实现一把。功能已经上线了，这里记录一下用... 继续阅读 >