Overflow:hidden - to hide scroll bars

It seems… when you set overflow in a DIV to hidden

  • it hides the scroll bars - but also makes the div un-scrollable.

If you set over flow to auto or scroll…

  • the scroll bars are visible - and you can scroll.

How do you hide scroll bars and still be able to scroll ?

AFAIK it’s

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

and doesn’t exist for FF and IE. You’ll need JS to mask scrollbarson themm

2 Likes