1. Inicio
  2. Pregunta y respuesta
  3. ¿Cómo prevenir el retraso de desplazamiento en Safari Mobile (iPad)?

¿Cómo prevenir el retraso de desplazamiento en Safari Mobile (iPad)?

2012-03-06 32 views
10

Tengo una página html5 simple con 3 divs dentro. Si solo dejo que el 3er div se desplace, tengo algunos retrasos terribles y la respuesta táctil es extraña. ¿Algunas ideas?¿Cómo prevenir el retraso de desplazamiento en Safari Mobile (iPad)?

<html> 
<body style="overflow:hidden"> 
<div> 
    BLA1 
</div> 
<div> 
    BLA2 
</div> 
<div style="overflow: auto;"> 
    BLA3 overflow is here 
</div> 
</body> 
</html>

Fuente

2012-03-06 TecHunter

Respuesta

43

Ok, gracias al plugin de iScroll4 Tengo un nuevo truco para iPad Web desarrolladores de. Al parecer, funciona mucho mejor con este CSS:

overflow-y: scroll; 
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

Mientras que este retraso como el demonio:

overflow: auto;

Fuente

2012-03-06 14:05:31 TecHunter

+2

¿Hay alguna manera de mantener los elementos con posición absoluta o relativa de desaparecer por un segundo o dos cuando el desplazamiento con ¿Este enfoque? – jasonmerino

+0

@jasonmerino es un problema conocido con el desplazamiento fijo del elt. Puede anular el CSS de los elementos inmediatamente después del desplazamiento. nunca intenté sin embargo. si lo encuentras, por favor comente aquí – TecHunter

+2

¡Esto funcionó muy bien! Solo una nota rápida, que solo tuve que usar la propiedad -webkit-overflow-scrolling, mientras dejaba overflow: auto. – fanfavorite

Cuestiones relacionadas

 Cuestiones relacionadas