Ti è mai capitato di visitare una pagina web, iniziare a leggere alcuni contenuti e poi la pagina si apre a causa del caricamento di annunci o immagini, facendoti perdere il punto in cui avevi interrotto la lettura?
Potrebbe valere la pena dare un'occhiata al flag di ancoraggio dello scorrimento in Chrome 51.
L'ancoraggio allo scorrimento tiene traccia della tua posizione nella pagina e impedisce a qualsiasi elemento che causa un adattamento dinamico del contenuto della pagina di interrompere la tua posizione nella pagina.
Per provare questa funzionalità, segui questi passaggi:
- Vai a chrome://flags/#enable-scroll-anchoring su Chrome Dev / Canary
- Seleziona "Attivata" dal menu a discesa.
- Fai clic su "Riavvia ora" nella parte inferiore dello schermo.
In questo modo, l'ancoraggio allo scorrimento verrà attivato.
La utilizziamo da un po' di tempo e riteniamo che migliori notevolmente l'esperienza di tutti gli utenti sul web, ma vogliamo assicurarci che funzioni bene ovunque. Se noti esempi in cui l'ancoraggio allo scorrimento non è riuscito a gestire i reflow nella pagina o esempi in cui non avrebbe dovuto intervenire, vogliamo assolutamente saperne di più.
Inviaci feedback ed esempi di comportamenti imprevisti compilando questo modulo: g.co/reportbadreflow
Domande frequenti
In che modo questa modifica influisce sullo scorrimento di JavaScript?
In breve: no.
Questa modifica altera l'effetto dello scorrimento causato dai reflow. Ad esempio, l'aggiunta di un nome di classe a un elemento che ne causa l'aumento dell'altezza causerà un riflusso e l'ancoraggio allo scorrimento impedirà alla pagina di saltare.
La chiamata a window.scrollTo(0, 1) (sì, l'hack vecchia scuola) non causerà un riflusso
e si comporterà normalmente. Lo stesso vale per gli eventi touch.
Se trovi un esempio in cui l'ancoraggio allo scorrimento influisce sulla tua pagina, invia un feedback tramite questo modulo: g.co/reportbadreflow