Ipad línea horizontal Safari cuando se desplaza

Evitar que la goma elástica de desplazamiento para aplicaciones de una sola página en Safari 5.1

29 de de julio de, 2011

Safari 5.1 de (en Mac OS X Lion) de desplazamiento de la goma elástica es teh impresionante para los sitios web y aplicaciones web "clásicos" como el buen ol 'peca el tiempo de seguimiento. pero para aquellas aplicaciones de una sola página novedosos (como nuestra próxima correo electrónico Ayuda de aplicaciones gorjeo, Charm), que tiene su propio diseño de la página y su objetivo es parecerse más a las aplicaciones de escritorio se puede obtener de forma rápida en el camino; es decir cuando se utiliza desplazamiento vertical de sub-elementos (como las listas) en su aplicación.

No tenga miedo, este pequeño fragmento de CSS desactivará la goma elástica de desplazamiento:

Esto, por supuesto, desactiva todas desplazamiento del elemento del cuerpo, por lo que tendrá un div contenedor que es overflow: auto alrededor de su respectivo contenido (elementos con overflow: auto no utilice la goma elástica de desplazamiento).

Es de destacar que el establecimiento de overflow: scroll hará que parezca que la barra de desplazamiento vertical no va todo el camino hasta la parte inferior. Esto se debe a que hay margen para hacer una barra de desplazamiento horizontal que no se necesita en la mayoría de los casos, la solución a esto es utilizar desbordamiento-y: para desplazarse o simplemente el overflow: auto en el desplazamiento div contenido de envoltura.

En relación con esto, el nuevo -webkit-desbordamiento de desplazamiento: la propiedad táctil permitirá a un solo dedo de la goma elástica de desplazamiento de los elementos dentro de una página, pero sólo en Mobile Safari en la próxima versión de iOS. Esta propiedad no cambia el comportamiento de desplazamiento en el escritorio de Safari (todavía? Me gustaría que sería apoyado allí también).