Vue中的滚动事件
文章目录
- 一、安装相应模块组件
- 二、原生实现：设置滚动区域
- 二、实现
- 三、新建project实现
- 1.`bascroll.js`文件
- 2. 思想
- 3. 新建自己的项目并导入 `bscroll.js`
- 4. 实时监测滚动的位置
- 5. 属性click
- 6. 各种事件的查看与使用
- 7. 属性 pullUpLoad
官网：https://ustbhuangyi.github.io/better-scroll/
一、安装相应模块组件
npm install better-scroll@1.13.2 --save
二、原生实现：设置滚动区域
注：overflow-y:scroll属性用于表示超出该块后自动隐藏
弊端：在移动端会非常卡顿，划一下卡一下
二、实现
三、新建project实现
1.bascroll.js文件
在npm install better-scroll@1.13.2 --save的nodel_modules/dist文件下找到bascroll.js文件，或者在官网找到bascroll.js文件
2. 思想
3. 新建自己的项目并导入 bscroll.js
4. 实时监测滚动的位置
效果如下：
实现如下：
5. 属性click
6. 各种事件的查看与使用
7. 属性 pullUpLoad
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！