Hide Scrollbar with CSS

For some time the scrollbar has been hidden by default, but I noticed that when I plug in an USB-device to my mac, it appears again. What is the reasoning behind this? It's cause problems in terms of layout and design.

This is a setting on Mac OSX which you can find under Settings -> General:

Mac OSX Setting

"Solution" for webkit

You can change the scrollbars apperance with CSS. For example, hide it, gist

  ::-webkit-scrollbar
    width: 0px
::-webkit-scrollbar-track-piece
    background-color: transparent
    -webkit-border-radius: 6px

Screenshots showing the problem

Link(s)


3,635 0 23