Possiamo creare un div con una barra di scorrimento impostandogli delle dimensioni e usando la proprietà CSS overflow:
.divscroll{
width:100%;
height:50%;
overflow-x:hidden;
overflow-y:scroll;
}
Sui browser da PC è tutto ok, ma sui browser iOS in questo modo manca la proprietà nativa dello scrolling inerziale. Come fare ad attivarla? Facile, basta aggiungere un fix -webkit:
.divscroll{
width:100%;
height:50%;
overflow-x:hidden;
overflow-y:scroll;
-webkit-overflow-scrolling: touch; // aggiungendo questo si abilita lo scrolling inerziale
}