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>

Marta Szymanska staff pro premium answered 6 years ago

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!


Marta Szymanska staff pro premium answered 6 years ago

Hi,

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

Best,

Marta


Marta Szymanska staff pro premium answered 6 years ago

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