Atrybut scroll-behavior w CSS

Definicja i zastosowanie

Atrybut scroll-behavior określa, czy przeglądarka będzie przewijać po kliknięciu w link w ramce przewijanej gładko (z animacją), czy bezpośrednio.

Przykład

Dodaj efekt gładkiego przewijania do dokumentu:

html {
  scroll-behavior: gładkie;
}

Spróbuj sam

Gramatyka CSS

scroll-behavior: auto|gładkie|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Pozwala na bezpośrednie przeskakiwanie między elementami w ramce przewijania.
gładkie Pozwala na gładkie "efekty przewijania" między elementami w ramce przewijania.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: auto
Następstwo: Nie
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty związane z animacją.
Wersja: Moduł Widoku CSSOM (projekt roboczy)
Gramatyka JavaScript: object.style.scrollBehavior="gładkie"

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0