Momentum Scrolling en iOS Overflow Elements - Trucos CSS

Anonim

Las páginas web en iOS tienen por defecto un estilo de desplazamiento de "impulso" en el que un movimiento rápido del dedo envía la página web a desplazarse y continúa hasta que finalmente se ralentiza y se detiene como si la fricción la ralentizara. Como si empujaras un disco de hockey sobre el hielo o algo así. Podría pensar que cualquier elemento con desplazamiento también tendría este comportamiento, pero no es así. Puede volver a agregarlo con una propiedad especial.

.module ( width: 300px; height: 200px; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; )
¡Mira este bolígrafo!