barras de rolagem ocultas css

Criar uma área de rolagem com as barras de rolagem escondidas é bastante fácil usando um contêiner extra ao redor de sua barra de rolagem

aqui está o meu exemplo jsFiddle

<b> html </b>

<div class="parent">   
<div class="child">
content...

</div>
<div>

<b> css </b>

.parent{
height
: 300px;
border
: 2px solid red;
width
: 300px;
overflow
: hidden;
}

.child{
background
-color: #4679bd;
color
: white;
width
: 100%;
overflow
: auto;
height
: 100%;
padding
-right: 18px;
}