1. casa
  2. Domanda e risposta
  3. Come impedire il ritardo di scorrimento su Safari Mobile (iPad)?

Come impedire il ritardo di scorrimento su Safari Mobile (iPad)?

2012-03-06 12 views
10

Ho una semplice pagina html5 con 3 div all'interno. Se permetto solo al 3 ° div di scorrere, ottengo dei ritardi e ritocchi e la reattività è strana. Qualche idea?Come impedire il ritardo di scorrimento su 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>

fonte

2012-03-06 TecHunter

risposta

43

Ok, grazie al plug-in iScroll4 Ho un nuovo trucco per iPad Web sviluppatori. A quanto pare funziona meglio con questo CSS:

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

Anche se questo ritardo come l'inferno:

overflow: auto;

fonte

2012-03-06 14:05:31 TecHunter

+2

Esiste un modo per mantenere elementi posizionati assoluta o relativa da scomparire per un secondo o due, quando lo scorrimento con questo approccio? – jasonmerino

+0

@jasonmerino è un problema noto con lo scorrimento elt fisso. È possibile sovrascrivere il CSS degli elementi subito dopo lo scorrimento. mai provato però se lo trovate, per favore commentate qui – TecHunter

+2

Questo ha funzionato alla grande! Solo una breve nota, che ho solo dovuto usare la proprietà scrolling -webkit-overflow, lasciando overflow: auto. – fanfavorite

Problemi correlati

 Problemi correlati