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

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;
}