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.

Jakub Strebeyko staff answered 6 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 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.

iamkevinjohnson pro answered 6 years ago

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

Please insert min. 20 characters.


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



Specification of the issue

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