原文:学习better-scroll与vue结合使用

better scroll,移动端滚动场景需求的插件 例: 做一个上下滚动,左右两边关联 滑动右侧左侧对应的类别显示高亮,点击左侧的类别名称右侧滑动到对应的位置 如图: 分析:滑动右侧的时候左侧对应的类高亮,高亮显示是通过current类来控制的,当右边滑动到不同个类的时候,同时更新左侧的current的显示。 要做的事情: current来设置当前高亮, 要实时监听scrollY, 将右侧每一个 ...

2019-06-10 13:46 0 1064 推荐指数:

查看详情

vue使用better-scroll

1.创建vue-cli3项目 指令 vue create 项目名 2.要想使用better-scroll 需要先引入 better-scroll的插件 这里采用 npm的方式 指令 npm install better-scroll -- save (项目依赖 ...

Sun Feb 09 04:59:00 CST 2020 0 683
vue项目中better-scroll使用

1.安装better-scrool且在组件中引用 (1) (2) 2.使用 dom结构 另外还要说一下:dom结构中的ref="scroll"和mounted里的this.$refs.wscroll ...

Sun Feb 24 09:17:00 CST 2019 0 617
vue使用better-scroll 无法滚动

npm install better-scroll --save-dev 下载了这个插件 在页面里 import BScroll from 'better-scroll' 引入了这个插件 在template里 css里: 在方法里面: 感觉 ...

Fri Aug 10 23:59:00 CST 2018 2 3866
vue使用 better-scroll的参数和方法

格式:var obj = new BScroll(object,{[option1,],.,.}); 注意: 1、要确保object元素的高度比其父元素高 2、使用时,一定要确保object所在的dom渲染后,再用上面的语句,或者obj.refresh() Options 参数 ...

Fri Nov 10 06:23:00 CST 2017 0 1616
better-scroll使用

1.安装 2.引入 3.初始化 获取这个 DOM 对象 这行代码就是来获取dom 的 链接:https://better-scroll.github.io/docs/zh-CN/plugins/#%E4%BD%BF ...

Sun Jun 30 19:05:00 CST 2019 0 531
better-scroll 的基本使用

better-scroll 的基本使用 1、去 GitHub 下载 bscroll.js 文件 2、引入 HTML ...

Sun Oct 20 22:35:00 CST 2019 0 1087
Vue better-scroll使用指南

1.安装(官方文档上有,不多言了) NPM better-scroll 托管在 Npm 上,执行如下命令安装: 接下来就可以在代码中引入了,webpack 等构建工具都支持从 node_modules 里引入代码: 如果是 ES5 的语法,如下: script 加载 ...

Sat Oct 26 06:27:00 CST 2019 0 3550
better-scrollvue中的使用

一、介绍   关于better-scroll的原文详细介绍请参考,这里只做总结     黄老师的文章《当 better-scroll 遇见 Vue》的详细介绍     better-scroll的api:点击   better-scroll的滚动原理 <div class ...

Wed Nov 07 08:09:00 CST 2018 0 713
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM