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;
}