Sto usando position: fixed
nel mio sito per correggere la barra di navigazione nella porta di visualizzazione, proprio come la barra blu di Facebook, ma quando l'abbiamo provato sul cellulare/tablet (con i loro bassi poteri di elaborazione) questa barra fissa fa un brutto colpo sulle prestazioni, il che rende un'esperienza utente pessima durante lo scorrimento,posizione: fissa, ha una prestazione molto negativa sui dispositivi mobile/tablet durante lo scorrimento
abbiamo usato un ottimo articolo per migliorare lo scorrimento, e in effetti essi ha fatto, come:
- http://www.html5rocks.com/en/tutorials/speed/scrolling/
- http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/
- https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html
Dopo un sacco di modifiche in base a questi articoli, abbiamo raggiunto il punto in cui position: fixed
è l'unica indagine lasciato per noi per migliorare in.
Il sito ha un ultra-liscia scorrendo quando lo cambiamo in position: absolute
. Ma con il suo aggiustamento, lo scrolling ha un pessimo inconveniente nella misura in cui potrebbe bloccare il browser safari su ipad quando si scorre in un certo modo, sapevi come usare position: fixed
con una buona prestazione su tablet/dispositivi mobili?
Se si ha un problema di footer (position: fixed) "following you" usando -webkit-transform: translateZ (0); lo risolve (almeno in Android <2.2). Grazie!!! – luigi7up
Ha funzionato a meraviglia - grazie! – itsricky