Topic: Scrollbar autohiding if not scrolling

nextstepmedia pro asked 5 years ago

Hi Guys,

I was wondering, is there a way to autohide the custom scrollbars when a user is not scrolling (like native osx or mobile scrollbars).

Something like this:

this is the scrollbar i am using:

<div class="scrollbar scrollbar-primary">
  <div class="force-overflow"></div>

Jong Muyco Regudo free answered 1 year ago


:hover::-webkit-scrollbar { display:unset; }

Marta Wierzbicka staff answered 5 years ago

Marta Wierzbicka staff answered 5 years ago


we will try to find a solution as soon as possible. Thank you for your patience.



Marta Wierzbicka staff answered 5 years ago


for now, we don't have a good solution for this but we will try to implement this as soon as possible. You can inspect our sidenav on and check out our custom scrollbar in the sidenav. Just expand one of sections, e.g. "components" and you will see our scrollbar.



nextstepmedia pro commented 5 years ago

Hi Marta,

Thanks for your response! I will try to use that scrollbar thanks. Also I'm looking forward to that release. You guys are the best!


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: 4.5.15
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: Yes
  • Provided link: No