react-infinite-scroll-component icon indicating copy to clipboard operation
react-infinite-scroll-component copied to clipboard

Hide scroll bar but allow scrolling?

Open tobiaskatch opened this issue 3 years ago • 1 comments

Hello,

is there a way to allow scolling while hiding the scroll bar? I tried applying the standard styles for hiding scroll bar (which works with any other scroll component):

.scroll-style { scrollbar-width: none; /* Firefox / -ms-overflow-style: none; / Internet Explorer 10+ / } .scroll-style::-webkit-scrollbar { / WebKit */ width: 0; height: 0; }

But this does not work for the infinite scroll component. Also setting style "overflow" to hidden does not work. I think it would be very nice if there was a way of hiding the scroll bar as it would look better in many applications and avoid a"jumping" scroll bar when fetching data.

Kind regards.

tobiaskatch avatar Dec 31 '21 02:12 tobiaskatch

you can use this to help

  1. set the property to initial all:initial; in scroll bar
  2. don't forget to use force apply use !important in the css for overriding
  3. Now you can style scroll bar as your wish

devjs1000 avatar Jan 11 '22 23:01 devjs1000