side-nav scrolling

Topic: side-nav scrolling

iamkevinjohnson pro asked 6 years ago

What are the steps to get the side-nav to scroll vertically if the viewport height shorter than the content within the side-nav? Thanks

iamkevinjohnson pro commented 6 years ago

A way to duplicate such a scenario is to view one of the side-nav demo pages with smaller phone in landscape mode.

Add comment

Jakub Strebeyko staff answered 6 years ago

1 0 Best answer

Hi iamkevinjohnson, Let us know if initializing Perfect Scrollbar help with the issue. For a more straight-forward solution you may be interested in adding "overflow-y: scroll" to sidenav's styles. Regards, Jake

iamkevinjohnson pro commented 6 years ago

Perfect Scrollbar seemed to have worked. If anyone else can explain if Perfect Scrollbar is the best approach to this problem, please add to this thread.

Add comment

iamkevinjohnson pro answered 6 years ago

0 0 Best answer

Maybe this solves it:

$('.button-collapse').sideNav({edge: 'right', closeOnClick: true });
var el = document.querySelector('.custom-scrollbar');
Ps.initialize(el);

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

iamkevinjohnson

Pro User 17Support score
13Questions 7Answers 0Snippets