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

cssselektor {
  scroll-behavior: auto lub smooth;
}

Przykład . Wartość auto

Ustawmy natychmiastowe przewijanie:

html<div>text</div>

cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Przykład . Wartość smooth

A teraz ustawmy płynne przewijanie:

html<div>text</div>

cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Zobacz też