Właściwość scroll-behavior
Właściwość scroll-behavior ustawia płynne
lub natychmiastowe przewijanie wewnątrz elementu.
Właściwość przyjmuje dwie wartości auto (natychmiastowe
przejście do elementu) i smooth (płynne
przejście).
Składnia
selektor {
scroll-behavior: auto lub smooth;
}
Przykład . Wartość auto
Ustawmy natychmiastowe przewijanie:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Przykład . Wartość smooth
A teraz ustawmy płynne przewijanie:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Zobacz też
-
pseudoklasa
:fullscreen,
która ustawia styl elementów w trybie pełnoekranowym -
pseudoklasa
:default,
która ustawia styl elementów domyślnych
