Perfect Scrollbar

https://perfectscrollbar.com/installation.html

Admin

Perfect Scrollbar is a JavaScript library that provides customizable scrollbars for web applications...

Tokens:491

Snippets:10

Trust Score:7.9

Update:5 months ago

Show doc for...

Tokens:

Raw

### Install Perfect Scrollbar with NPM

Source: https://perfectscrollbar.com/installation.html

Use this command to install the perfect-scrollbar package into your project via npm.

```bash
npm install perfect-scrollbar
```

--------------------------------

### Build Perfect Scrollbar from Source

Source: https://perfectscrollbar.com/installation.html

Clone the repository and run npm commands to build the development version of Perfect Scrollbar. Note that the development version may be unstable.

```bash
$ git clone https://github.com/mdbootstrap/perfect-scrollbar.git
$ cd perfect-scrollbar
$ npm install
$ npm run build
```

--------------------------------

### Include Perfect Scrollbar via CDN

Source: https://perfectscrollbar.com/installation.html

Add these CSS and JavaScript links to your HTML to include Perfect Scrollbar using CDN. Ensure Font Awesome and Roboto font are also included if needed.

```html
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
<!-- MDB -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet">
```

```html
<!-- MDB -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"></script>
```

Tokens:

Raw