Scrollbar autohiding if not scrolling

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>
</div>

Add comment

Jong Muyco Regudo free answered 1 year ago

0 0 Best answer

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

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

Add comment

Marta Wierzbicka staff answered 5 years ago

0 0 Best answer

Hi,

try this code for scrollbar: https://mdbootstrap.com/snippets/jquery/marta-szymanska/259013.

Best,

Marta

Add comment

Marta Wierzbicka staff answered 5 years ago

0 0 Best answer

Hi,

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

Best,

Marta

Add comment

Marta Wierzbicka staff answered 5 years ago

0 0 Best answer

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

Greetings!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

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

nextstepmedia

Pro User 77Support score
4Questions 4Answers 0Snippets