Czas eksperymentu – zakotwiczenie przewijania

Czy zdarzyło Ci się otworzyć stronę internetową, zacząć czytać niektóre treści, a potem strona nagle się przeładowała z powodu wczytywania reklam lub obrazów, przez co tracisz miejsce na stronie?

Warto sprawdzić flagę sterowania przewijaniem w Chrome 51.

Ankerzyowanie przewijania śledzi, gdzie jesteś na stronie, i zapobiega zmianie pozycji na stronie spowodowanej przez cokolwiek, co powoduje ponowne przeformatowanie.

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

  1. Otwórz chrome://flags/#enable-scroll-anchoring w Chrome Dev lub Canary.
  2. W menu kliknij „Włączone”.
  3. U dołu ekranu kliknij „Uruchom ponownie”.

Dzięki temu włączysz blokowanie przewijania.

Korzystamy z tego od jakiegoś czasu i wierzymy, że znacznie poprawia to komfort korzystania z internetu przez wszystkich użytkowników, ale chcemy się upewnić, że działa ono dobrze wszędzie. Jeśli zauważysz jakieś przykłady, w których osadzanie odnośnika nie radzi sobie z przepływem treści na stronie lub przykłady, w których nie powinno ono interweniować, dajcie nam znać!

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

Najczęstsze pytania

Jak ta zmiana wpływa na przewijanie za pomocą JavaScript?

Krótko mówiąc – nie.

Ta zmiana wpływa na efekt przewijania spowodowany przez reflow. Na przykład dodanie nazwy klasy do elementu, który powoduje zwiększenie jego wysokości, spowoduje przepływ i ankreowanie przewijania, co zapobiegnie przeskakiwaniu strony.

Wywołanie window.scrollTo(0, 1) (tak, to stary trik) nie spowoduje przepływu i będzie działać normalnie. To samo dotyczy zdarzeń dotyku.

Jeśli znajdziesz przykład, w którym zakotwiczenie przewijania wpływa na Twoją stronę, prześlij opinię za pomocą tego formularza: g.co/reportbadreflow