CSS właściwość overflow-anchor

Definicja i użycie

overflow-anchor Atrybut jest używany do wyłączenia śledzenia kotwicy rolki (scroll anchoring).

Śledzenie kotwicy rolki to funkcja przeglądarki, która zapobiega ruchowi obszaru, który znajduje się w polu widzenia, podczas ładowania nowego zawartości. Zwykle jest to problem w przypadku słabych połączeń internetowych, gdy użytkownik przewija w dół przed pełnym załadowaniem strony i zaczyna czytać.

Przykład

Wyłącz śledzenie kotwicy rolki:

div {
  overflow-anchor: none;
}

Spróbuj sam!

Gramatyka CSS

overflow-anchor: auto|none|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Włącz śledzenie kotwicy rolki.
none Wyłącz śledzenie kotwicy rolki.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Inheritance: Nie
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS3
Gramatyka JavaScript: object.style.overflowAnchor="none"

Wsparcie przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę właściwość.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Nieobsługiwane 43.0

Strony związane

Tutorial:CSS przelot

Odniesienie:CSS właściwość overflow