Défilement Momentum sur les éléments de débordement iOS - Astuces CSS

Anonim

Les pages Web sur iOS ont par défaut un style de défilement «élan» où un simple coup de doigt fait défiler la page Web et continue jusqu'à ce que finalement ralentisse et s'arrête comme si la friction la ralentissait. Comme si vous deviez pousser une rondelle de hockey sur la glace ou quelque chose comme ça. Vous pourriez penser que tout élément avec défilement aurait également ce comportement, mais ce n'est pas le cas. Vous pouvez le rajouter avec une propriété spéciale.

.module ( width: 300px; height: 200px; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; )
Découvrez ce stylo!