Solo dedo Desplazamiento de contenido interno (DIV/iframes) en iPhone Mobile Safari

Question

Sub: aplicación web iPhone Safari Mobile

necesito para mantener algunas partes de una página web visible incluso cuando el usuario se desplaza. La posición de la propiedad CSS: fija no funciona como se esperaba. Uso del desbordamiento: propiedad automática activada o necesita desplazamiento con dos dedos, que no es lo que deseo.

¿Hay alguna manera de proporcionar el desplazamiento con un solo dedo en los contenidos internos de 'div' o 'iframes' utilizando javascript o iPhone safari Touch API (evento TouchMove)?

Answer 1

Nativamente no es posible, ya sea con un div o iframe, por lo que debe resolverse con javascript escuchando los eventos táctiles. Estoy investigando este mismo problema para un proyecto y en este momento he encontrado un par de bibliotecas de JavaScript que están solucionando este problema.

Estoy buscando en este momento, pero aún no me he comprometido.

http://cubiq.org/iscroll-4

Joe Hewitt Three20 de la fama ha comenzado recientemente dev en la solución para esto también, pero es muy temprano en el proceso de dev en tanto que el otro ha sido de alrededor de un par de años.

http://joehewitt.github.com/scrollability/

Answer 2

En CSS (para iOS 5):

-webkit-overflow-scrolling: touch; 

Answer 3

Puede utilizar un solo dedo, pero hay que proporcionar style.height del DIV interior

<div id="container-div" style="overflow:hidden"> 
    <div id="inner-div" style="overflow-y:auto; height:1024px"> 
    <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->