Scrollbar autohiding if not scrolling


Topic: Scrollbar autohiding if not scrolling

nextstepmedia pro asked 6 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>
</div>

Hi, 

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 mdbootstrap.com and check out our custom scrollbar in the sidenav. Just expand one of sections, e.g. "components" and you will see our scrollbar.

Best,

Marta


nextstepmedia pro commented 6 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!

Greetings!


Hi,

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

Best,

Marta


::-webkit-scrollbar{display:none;}

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


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