vue的滚动条插件vue-scroll
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue的滚动条插件vue-scroll相关的知识，希望对你有一定的参考价值。
参考技术A 最近在开发Vue项目时，需要实现一个页面的局部滚动条功能。以前实现此类功能都是使用的iframe原生的滚动条功能，保证内容只在div块内滚动，别的地方不影响。据尝试，发现Iview等组件库都没有符合这种情况的组件，于是查找了其他组件，最终选用了vue-scroll插件。
vuescroll 是一个基于 vue.js 2.X 虚拟滚动条， 它支持定制滚动条的样式，检测内容尺寸变化、能够使内容分页、支持上拉-刷新，下推加载等诸多特性。
(1)拥有原生滚动条的滚动行为
(2)可以定制滚动条的样式(包括颜色、尺寸、位置、透明度、是否保持显示等)
(3)在模式之间自由切换
(4)能够通过设置滚动动画来平滑地滚动
(5)拉取刷新和推动加载
(6)支持分页模式(每次滑动整个页面)
(7)支持快照模式(每次滑动滚动一个用户定义的距离)
(8)可以检测内容尺寸发生变化
在components中再注册一下
这两种引入方式都可以，引入后用vuescroll包裹需要滚动的部分
在data中写明需要修改的配置项
以上是关于vue的滚动条插件vue-scroll的主要内容，如果未能解决你的问题，请参考以下文章