vue-custom-scrollbar:一个轻量级的Vue滚动条组件,支持自定义样式和滚动事件。 vue-perfect-scrollbar:基于Perfect Scrollbar的Vue封装,提供了丰富的滚动条功能和样式定制选项。 vue-simple-scrollbar:一个简单易用的Vue滚动条组件,支持平滑滚动和自定义样式。 3. 选择一个适合的Vue滚动条
```一、vue-custom-scrollbar这是一款自定义的滚动插件,基于perfect-scrollbar库。适用于PC端1) 安装:vue-custom-scrollbar2) 局部使用 import vueCustomScrollbar from"vue-custom-scrollbar"; import"vue-custom-scrollbar/dist/vueScrollbar.css"; components: { vueCustomScrollbar },3) 优点: 使用简单方便。
使用普通的 scrollTop and scrollLeft 滚动条样式可完全自定义 布局更改后更新 安装 $ npm i vue-custom-scrollbar -S 使用插件 <template> <vue-custom-scrollbar class='scroll-area' :settings='settings' @ps-scroll-y='scrollHanle'> </vue-custom-scrollbar> </template>import vueCustomScrollbar ...
在使用vue-router时候,载入首页时可以完成dom操作的,但是使用vue-router进入另外一个组件,切换回来时。perfect scroll/jquery和jquery控制部分就会失效。这是引用perfect scroll这个插件的代码,需要直接控制dom.scroll.vue的源代码 var $ = require('jquery'); require('perfect-scrollbar/jquery')($); require('....