Czas eksperymentu – zakotwiczenie przewijania

Czy zdarzyło Ci się wejść na stronę internetową, przeczytać jej treść, a następnie zatrzasnąć się z powodu ładowania reklamy lub obrazów, przez co tracisz miejsce na stronie?

Być może warto sprawdzić flagę zakotwiczenia przewijania w Chrome 51.

Zakotwiczenie przewijania śledzi, w którym miejscu na stronie się znajdujesz, i zapobiega przeformatowaniu, by nie zakłócać wyświetlania strony.

Aby wypróbować tę funkcję, wykonaj te czynności:

  1. Wejdź na chrome://flags/#enable-scroll-anchoring w Chrome Dev / Canary.
  2. Z menu wybierz „Włączone”.
  3. Kliknij Uruchom ponownie teraz u dołu ekranu.

W ten sposób zakotwiczone przewijanie będzie włączone.

Korzystamy z tej funkcji już od jakiegoś czasu i jesteśmy przekonani, że znacząco zwiększy to komfort wszystkich użytkowników internetu, ale zależy nam, aby działała wszędzie. Jeśli zauważysz przypadki, w których zakotwiczenie przewijania nie poradzi sobie ze zmianą układu strony, lub przypadki, w których nie powinno w tym celu interweniować, chętnie o tym powiemy.

Prześlij nam opinię / przykłady nieoczekiwanego zachowania, wypełniając ten formularz: g.co/reportbadreflow.

Najczęstsze pytania

Jak ta zmiana wpływa na przewijanie kodu JavaScript?

Krótko mówiąc – nie.

Ta zmiana zmienia efekt przewijania spowodowany przez przeformatowania. Na przykład dodanie nazwy klasy do elementu, który powoduje jej zwiększenie, spowoduje przeformatowanie strony, a zakotwiczenie przewijania uniemożliwi skakanie strony.

Wywołanie window.scrollTo(0, 1) (tak, stary, klasyczny atak) nie spowoduje przeformatowania i będzie działać normalnie. To samo dotyczy zdarzeń dotknięcia.

Jeśli zauważysz, że na Twojej stronie występuje zakotwiczenie przewijania, prześlij opinię, korzystając z tego formularza: g.co/reportbadreflow.