Skip to main content

Full Menu Scroll

Browser scroll​

The browser scroll is the default scroll behavior for the vertical menu. When the menu items exceed the available vertical space, the browser's built-in scrollbar is used to scroll through the menu content. This scroll behavior is automatically enabled without any additional configuration.

Example​

/vertical-menu/menu-scroll/full/browser-scroll

Source Code​


PerfectScrollBar​

The perfect scrollbar is a custom scrollbar implementation that provides a more customizable and visually appealing scrolling experience for the vertical menu.

You need to import the PerfectScrollbar component and wrap the menu component with it. Also import the associated CSS styles into the file where you want to use the perfect scrollbar. To import the CSS styles, you can use the following import statement:

import 'react-perfect-scrollbar/dist/css/styles.css'

This will replace the default browser scrollbar with the custom perfect scrollbar.

Example​

/vertical-menu/menu-scroll/full/perfect-scroll

Source Code​