Código é a seguinte:
<Divclass = "interior">
<Divclass = "innerbox">
<PStyle = "height: 200px;"> Isto é o que 111 </ p>
<PStyle = "altura: 400 p;"> em que o teor de 222 </ p>
<P> Este é o conteúdo 333 </ p>
</ Div>
</ Div>
.interior{
largura: 265px;
altura: 400 p;
posição: absoluto;
superior: 33px;
esquerda: 13px; / * cursor: ponteiro; * /
overflow: hidden;
}
.caixa interior{
overflow-x: hidden;
overflow-y: auto;
color: # 000;
fonte de tamanho: .7rem;
font-family: "\ 5FAE \ 8F6F \ 96C5 \ 9ED1", Helvetica "黑体", Arial, Tahoma;
altura: 100%;
} / * Estilo barra de rolagem * /
.innerbox :: - webkit-rolagem {/ * barra de rolagem estilo geral * /
largura: 4px; / * Aspecto correspondente tamanho vertical barra de deslocamento * /
altura: 4px;
}
.innerbox :: - webkit-rolagem-thumb {/ * barra de rolagem dentro de uma pequena caixa * /
fronteira de raio: 5px;
-webkit-box-shadow: inset005pxrgba (0,0,0,0.2);
fundo: rgba (0,0,0,0.2);
}
.innerbox :: - webkit-rolagem-track {/ * * orbital dentro de rolagem /
-webkit-box-shadow: inset005pxrgba (0,0,0,0.2);
fronteira de raio: 0;
fundo: rgba (0,0,0,0.1);
}
Reproduzido:
http://www.divcss5.com/css3-style/c54508.shtml