How to Get Smooth Scrolling inside SideNav


Topic: How to Get Smooth Scrolling inside SideNav

PerfectCamp pro premium priority asked 2 years ago

Not sure if anyone else experiences this but when you scroll up/down inside a SideNav it jumps quite a bit and is not smooth at all. (using a mouse scroll wheel, Chrome, Windows).

Expected behavior Expecting scolling inside a SideNav to be as smooth as a normal page.

Actual behavior Scrolling up/down inside a SideNav jumps A LOT making the user experience less cool. It's about a 100px jump. Scrolling up/down on a normal page works fine.

To see this behavior just scroll up/down in the left SideNav on this page https://mdbootstrap.com/docs/standard/navigation/sidenav/


kpienkowska staff answered 2 years ago

You can reduce scroll speed in Sidenav to reduce "jumps" of the content: https://mdbootstrap.com/snippets/standard/kpienkowska/5235603


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.2.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes