Double scrollbar visible when zoom out

malte-wessel / react-custom-scrollbars

React scrollbars component

MIT License

3.2k stars 577 forks source link

Open udaybachu opened 4 years ago

udaybachu commented 4 years ago

Double scrollbar visible when zoom out. Is anyone aware of this issue ?

IRYNA-MAZURA commented 4 years ago

When will you fix it?

247software-lokesh-patil commented 3 years ago

I have resolved in my project.

Add "scroll-bar" as class-name to the Scrollbars.
Add following CSS : // for chrome .scroll-bar>div:first-child::-webkit-scrollbar { background: transparent; } // for firefox and other browsers .scroll-bar>div:first-child { -ms-overflow-style: none; scrollbar-width: none; }

akshayprajapati007 commented 3 years ago

Insteaf of using above, use this for correct solution :

// for chrome .scroll-bar>div:first-child{ overflowX : hidden !important } .scroll-bar>div:first-child::-webkit-scrollbar{ background: transparent; }