PerfectScrollbar:一个功能强大的滚动条插件,支持多种配置选项和自定义样式。 vue-scrollbar:专为Vue设计的滚动条组件,提供简洁易用的API和自定义样式支持。 vue2-scrollbar:适用于Vue 2的自定义滚动条组件,允许开发者替换默认的浏览器滚动条。 vue-smoothscroll:实现平滑滚动效果的Vue组件,提升用户体验。 vue-infin...
```一、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('....