Only show scrollbar when page scrolls in css or react using hooks

Asked Oct 09 '19 at 17:09

Active Oct 09 '19 at 18:49

Viewed 803 times

I tried with css but i want achieve it on scroll, not on hover

 `.scrollbar {
  min-height: 500px;
  max-height: 500px;
  background: #f1f1f1;
  overflow-y: hidden;
}
  .scrollbar:hover {
  overflow-y : auto;
}`

Currently page scrollbar is showing but I want to show the scrollbar only when user scrolls the page. Is this possible in CSS or React?

edited Oct 09 '19 at 18:49

asked Oct 09 '19 at 17:09

I am not sure if this is possible if it's a browser thing. Maybe you can use some kind of custom scroll alternative. What do you wanna do? – Praveen Kumar Purushothaman Oct 09 '19 at 17:10
Yes its possible – Dennis Vash Oct 09 '19 at 17:13
what have you tried so far? – Vencovsky Oct 09 '19 at 17:19
I want to do custom scroll that should show only when scrolling – Oct 09 '19 at 17:23
Check this: https://stackoverflow.com/a/43737624/7906671 – Akhilesh Jul 24 '20 at 18:11

0 Answers0