1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: side-nav scrolling

iamkevinjohnson pro asked 7 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 7 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.

Jakub Strebeyko staff answered 7 years ago

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 7 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.

iamkevinjohnson pro answered 7 years ago

Maybe this solves it: 
$('.button-collapse').sideNav({edge: 'right', closeOnClick: true });
var el = document.querySelector('.custom-scrollbar');
Ps.initialize(el);
Write
Create snippet
Please insert min. 20 characters.

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
Tags
About author
iamkevinjohnson
Pro User 17Support score
13Questions 7Answers 0Snippets