Perfect Scrollbar

We use perfect scrollbar to remove browser default scrollbar

We have used global registration in whole template for perfect scrollbar.

Please refer to the official docs here.

Setup

main.ts (for globally setup)

import { PerfectScrollbarPlugin } from 'vue3-perfect-scrollbar'

import 'vue3-perfect-scrollbar/style.css' // for scrollbar css

app.use(PerfectScrollbarPlugin)

How to use in our local files ?

<PerfectScrollbar style="height: 265px"> // Set height as per your content
        // Add long content
</PerfectScrollbar>