Vue.js滚动条容器组件- vue2-perfect-scrollbar

Vue.js滚动条容器组件- vue2-perfect-scrollbar
插件名称 vue2-perfect-scrollbar
发布时间 2020年7月25日
插件作者 mercs600

vue2-perfect-scrollbar 是滚动条插件的简约但功能强大的容器组件。

安装和下载:

# Yarn
$ yarn add vue2-perfect-scrollbar

# NPM
$ npm install vue2-perfect-scrollbar --save

使用

全局导入

import PerfectScrollbar from 'vue2-perfect-scrollbar'
import 'vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.css'

Vue.use(PerfectScrollbar)

因此,您可以在每个组件中将此插件用作

<perfect-scrollbar>
    <p> Lorem Ipsum只是印刷和排版行业的虚拟文本。</p>
</perfect-scrollbar>

该插件将生成一个带有“ .ps”类名称的容器,您需要自定义容器的高度

/* 例子*/
.ps {
  height: 400px;
}