Para scroll sem a barra de rolagem basta seguir os 3 passos abaixo.
PASSO 1
Cole o código CSS abaixo antes do </ head >
<style type="text/css">
.scrollConteudo {
position:relative;
display:block;
height:340px;
width:100%;
padding:20px;
overflow-x:hidden;
overflow-y:auto;
}
</style>
PASSO 2
Cole o código CSS abaixo antes do conteúdo que deseja que role na página
<div class="scrollConteudo">
PASSO 3
Feche a DIV no ponto final do conteúdo
</div>
DICA 1
Customize o tamanho do scroll no item height
DICA 2
Customize o tamanho da área do conteúdo no item width