Właściwość scrollBehavior

Definicja i zastosowanie

scrollBehavior Właściwość określa, czy przy kliknięciu na link w ramce przewijanej będzie miała miejsce płynna animacja, czy bezpośrednie przejście.

Zobacz również:

CSS Reference Manual:Właściwość scroll-behavior

Przykład

Dodaj płynne efekty przewijania do strony:

document.documentElement.style.scrollBehavior = "smooth";

Spróbuj sam

Gramatyka

object.style.scrollBehavior = "auto|smooth|initial|inherit"

Wartość właściwości

Wartość Opis
auto Domyślna. Pozwala na bezpośrednie przeskakiwanie między elementami w ramce przewijania.
smooth Pozwala na płynne animacje między elementami w ramce przewijania.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial。
inherit Przypisuje tę właściwość do wartości dziedziczonej z elementu nadrzędnego. Zobacz: inherit。

Obsługa przeglądarki

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

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