CSS scroll-behavior ominaisuus

Määrittely ja käyttö

scroll-behavior-ominaisuus määrittää, scrollataanko sileästi (animaatiolla) klikatessaan liukuvaa ruutua, vai siirrytäänkö suoraan.

Esimerkki

Lisää dokumentille sujuva roolauksen vaikutus:

html {
  scroll-behavior: smooth;
}

Kokeile itse

CSS-kieli

scroll-behavior: auto|smooth|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
auto Oletusarvo. Sallii elementtien välisen suoran 'roolauksen'.
smooth Sallii elementtien välisen sujuvan 'roolauksen'.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation tekijä: Ei tuettu. Katso:Animaatiot.
Versio: CSSOM View Module（työluonnos）
JavaScript-kieli: object.style.scrollBehavior="smooth"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

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