vue2-perfect-scrollbar

Vue.js minimalistic but powerful wrapper for perfect scrollbar

Are you looking compatible version with Vue3 ? check https://github.com/mercs600/vue3-perfect-scrollbar

Why I Created it ?

Because I ❤️ to use perfect-scrollbar in my projects (🙌 utatti). But also because the current solutions on github are outdated or overcomplicated.

Why would you use it ?

Because you want to load perfect-scrollbar to your Vue project in an easy way. But also because this plugin is updated, tested and build by rollup. So you will not find any unnecessary 💩 code in this repo. I hope 🙏.

If you have any reasonable PR you are welcome 🤘

Install

npm

``sh
npm install vue2-perfect-scrollbar
`

yarn

`sh
yarn add vue2-perfect-scrollbar
`

How to use

Global Registration

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

Vue.use(PerfectScrollbar)
`

So then you can use this plugin in each component as

`html



Lorem Ipsum is simply dummy text of the printing and typesetting industry.



`

This plugin will generate a container with ".ps" class name, you need to customize the height of the container

`css
/ example /
.ps {
height: 400px;
}
`

![Edit Vue Template](https://codesandbox.io/s/wn7q7o9ww7)

$3

Install method takes additional parameters:

#### name {String}
Name of your global component.

Default: PerfectScrollbar

#### tag {String}
Tag which will be render as perfect scrollbar container

Default: div

#### watchOptions {Boolean}
Set true if you want to update perfect-scrollbar on options change

Default: false

#### options {Object}: Options
perfect-scrollbar options.

Default: {}

Local Registration

`html