Ti è mai capitato di visitare una pagina web, iniziare a leggere parte dei contenuti e poi saltare questo tipo di pagina a causa del caricamento di annunci o immagini, facendoti perdere la posizione all'interno della pagina?
Potrebbe valere la pena dare un'occhiata al flag Ancoraggio scorrimento in Chrome 51.
L'ancoraggio a scorrimento tiene traccia del punto in cui ti trovi sulla pagina e impedisce che qualsiasi elemento causa l'interruzione della posizione dalla pagina da parte di un adattamento dinamico del contenuto.
Per provare questa funzionalità, segui questi passaggi:
- Vai a chrome://flags/#enable-scroll-anchoring su Chrome Dev / Canary
- Seleziona "Attivato" dal menu a discesa
- Fai clic su "Riavvia ora" nella parte inferiore dello schermo
Con questa opzione, avrai attivato l'ancoraggio di scorrimento.
Utilizziamo questa funzione da un po' di tempo e riteniamo che migliori drasticamente l'esperienza di tutti gli utenti sul web, ma vogliamo assicurarci che funzioni bene ovunque. Se individui esempi in cui l'ancoraggio di scorrimento non è riuscito a gestire gli adattamenti del flusso nella pagina o esempi in cui non avrebbe dovuto intervenire, vorremo davvero sapere cosa ne pensi.
Inviaci un feedback / esempi di comportamenti inaspettati compilando questo modulo: g.co/reportbadreflow
Domande frequenti
In che modo questa modifica influisce sullo scorrimento di JavaScript?
In breve, non è così.
Questa modifica altera l'effetto dello scorrimento causato dagli adattamenti di scorrimento. Ad esempio, se aggiungi un nome di classe a un elemento che ne causa l'aumento dell'altezza, l'adattamento dinamico del contenuto e l'ancoraggio tramite scorrimento impedirà alla pagina di spostarsi.
Chiamare window.scrollTo(0, 1) (Sì, l'hacker della vecchia scuola) non causerebbe un adattamento dinamico del contenuto
e si comporterà normalmente. Lo stesso vale per gli eventi tocco.
Se trovi un esempio in cui l'ancoraggio dello scorrimento incide sulla tua pagina, invia un feedback tramite questo modulo: g.co/reportbadreflow