iScroll evita que se muestre mi div (al implementar el control deslizante div)

Estoy tratando de implementar un control deslizante div en una página HTML estándar de iScroll, consulte los enlaces a continuación:

Con iScroll (la diapositiva no funciona correctamente): http://utvecklingspunkten.se/iscroll.html

Sin iScroll (funcionamiento de diapositivas): http://utvecklingspunkten.se/iscroll2.html

Por alguna razón, iScroll oculta el contenido (¡no el div que lo contiene!) en el segundo diapositiva div. El div que contiene el contenido está bien y está correctamente posicionado (eche un vistazo en la consola), pero iScroll simplemente oculta el contenido. Al eliminar todas las referencias a iScroll, como en iscroll2.html, todo funciona como debería.

Envoltura que contiene ambas diapositivas:

#wrapper {
position:absolute; z-index:1;
top:45px; bottom:2px; left:0;
background:#aaa;
-webkit-transition-property: left;
-webkit-transition-duration: 400ms;
display:block !important;

}

Cada elemento deslizante:

.additional-block {
position: absolute;
display:block !important;
}

¿Alguien sabe cómo puedo hacer que iScroll y el control deslizante funcionen juntos, y no interferir? Con suerte, solo hay una o dos líneas de código en iscroll.js que deben cambiarse. Asimismo, un iScroll div (como la barra de desplazamiento artificial) que se superpone a mi segunda diapositiva div es otra posible razón. Señalarme esto sería muy apreciado. ¡Gracias!

preguntado el 22 de mayo de 12 a las 16:05

1 Respuestas

Intenta usar Control deslizante de jQuery, puedes diseñarlo de adentro hacia afuera. Además, ya tienes el mouse arrastrando y desplazando (lo que realmente funciona).

contestado el 22 de mayo de 12 a las 17:05

Como esto es parte de una aplicación webb para iPhone, son preferibles las animaciones CSS simples y muy básicas. Probé ambos y llegué a la conclusión de que las animaciones CSS como esta funcionan mejor en el iPhone en comparación con jQuery. Por lo tanto, lamentablemente esta no es una opción para mí. Entonces, ¿alguien sabe cómo solucionar el problema real mencionado anteriormente? - Jonathan

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.