Buscando una alternativa para iScroll (Scrolling Div's en iOS / Webkit)

He construido una forma compleja sobre la aplicación móvil de datos y ahora estoy buscando una solución para persistir la posición del título y la barra de pie de página. En mi maniquí, que se ha desarrollado y probado con Chrome y Safari en mi escritorio, acabo de posicionar el encabezado y el pie de página en absoluto, así como la sección de contenido, cuya altura está definida por JavaScript en el evento de redimensionamiento de las ventanas.

Ésa no es una manera apropiada para el mundo móvil, porque el desbordamiento: auto no es apoyado en WebKit móvil.

He probado algunas cosas por mi cuenta y he echado un vistazo a iScroll. De hecho, iScroll se estrelló safari en mi iPad, mientras que la aplicación sin ese componente se ejecuta bastante suave. Tengo un montón de formas relativamente complejas, que pueden ser un desafío para iScroll, que no se puede ganar, creo.

Así que estoy buscando otras maneras de lograr mi objetivo (persistir encabezado y pie de página) sin dejar que el usuario use dos dedos para desplazarse (de hecho, casi nadie sabe que "truco").

¿Alguna sugerencia?

¡Gracias!

    Así que hay tres soluciones comúnmente mencionadas:

    1. IScroll
    2. YUI ScrollView
    3. Capacidad de desplazamiento

    Todos son muy ordenados para desplazarse a través de listas simples. Pero nadie realmente funciona si su propósito es manejar páginas completas con algo más que una lista, por ejemplo diálogos complejos con formas dinámicas y así sucesivamente.

    Sólo decidí renunciar y esperar un año – Apple ha anunciado últimamente su apoyo a la posición: fijo y desbordamiento: desplazamiento, lo que revolucionará esta parte y resolver todo ese tipo de problemas que tenemos hoy.

    Hoy me acordé de un sitio web de una empresa en nuestro edificio aquí en Munich, lo abrió con el iPad, y de hecho, tenía una sección de noticias desplazable en su primera página. Así que miré dentro y vi que está usando … tadaaajScrollPane .

    No creo que jScrollPane fue desarrollado para usarlo en dispositivos móviles, pero también ha sido optimizado para ese propósito. Sólo funciona en mi iPad, mi Android 2.3 y también en la última Opera Mobile.

    No se siente como desplazar una aplicación nativa en un dispositivo móvil, pero le permite ver una barra de desplazamiento completamente personalizable, saltar a la parte superior y al botón y, lo que es más importante, desplazarse con un dedo .

    Muy agradable.

    El webkit móvil ahora admite el desplazamiento usando sólo CSS. Cree una clase 'desplazable' y agregue las siguientes reglas:

    .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } 

    Agregue su clase "desplazable" a cualquier elemento de bloque que requiera desplazamiento. Webkit solamente.

    https://github.com/filamentgroup/Overthrow/

    Solución ligera basada en polyfill que permite a los navegadores modernos con desbordamiento: el soporte de desplazamiento hace lo suyo.

    Todavía en fase temprana de desarrollo, pero funciona bastante bien en la mayor base de usuarios afectados (android 2.2 / 2.3 / iOS <5).

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.