1.创建vue-cli3项目 指令 vue create 项目名 2.要想使用better-scroll 需要先引入 better-scroll的插件 这里采用 npm的方式 指令 npm install better-scroll -- save (项目依赖 ...
better scroll,移动端滚动场景需求的插件 例: 做一个上下滚动,左右两边关联 滑动右侧左侧对应的类别显示高亮,点击左侧的类别名称右侧滑动到对应的位置 如图: 分析:滑动右侧的时候左侧对应的类高亮,高亮显示是通过current类来控制的,当右边滑动到不同个类的时候,同时更新左侧的current的显示。 要做的事情: current来设置当前高亮, 要实时监听scrollY, 将右侧每一个 ...
2019-06-10 13:46 0 1064 推荐指数:
1.创建vue-cli3项目 指令 vue create 项目名 2.要想使用better-scroll 需要先引入 better-scroll的插件 这里采用 npm的方式 指令 npm install better-scroll -- save (项目依赖 ...
1.安装better-scrool且在组件中引用 (1) (2) 2.使用 dom结构 另外还要说一下:dom结构中的ref="scroll"和mounted里的this.$refs.wscroll ...
npm install better-scroll --save-dev 下载了这个插件 在页面里 import BScroll from 'better-scroll' 引入了这个插件 在template里 css里: 在方法里面: 感觉 ...
格式:var obj = new BScroll(object,{[option1,],.,.}); 注意: 1、要确保object元素的高度比其父元素高 2、使用时,一定要确保object所在的dom渲染后,再用上面的语句,或者obj.refresh() Options 参数 ...
1.安装 2.引入 3.初始化 获取这个 DOM 对象 这行代码就是来获取dom 的 链接:https://better-scroll.github.io/docs/zh-CN/plugins/#%E4%BD%BF ...
better-scroll 的基本使用 1、去 GitHub 下载 bscroll.js 文件 2、引入 HTML ...
1.安装(官方文档上有,不多言了) NPM better-scroll 托管在 Npm 上,执行如下命令安装: 接下来就可以在代码中引入了,webpack 等构建工具都支持从 node_modules 里引入代码: 如果是 ES5 的语法,如下: script 加载 ...
一、介绍 关于better-scroll的原文详细介绍请参考,这里只做总结 黄老师的文章《当 better-scroll 遇见 Vue》的详细介绍 better-scroll的api:点击 better-scroll的滚动原理 <div class ...