Style scrollBehavior ominaisuus

Määrittely ja käyttö

scrollBehavior Ominaisuus määrittää, onko sileä animaatio sijoitettaessa käyttäjän napsautettua liukuvassa kehässä olevaa linkkiä, eikä suoraviivainen siirtyminen.

Katso myös:

CSS viittausopas:scroll-behavior ominaisuus

Esimerkki

Lisää sivulle sujuva liikkumisvaikutus:

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

Kokeile itse

Syntaksi

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

Ominaisuuden arvo

Arvo Kuvaus
auto Oletus. Salli suoraviivainen siirtyminen liikkuvien kehien sisällä olevien elementtien välillä "liikkumisvaikutteena".
smooth Salli liikkuvien kehien sisällä olevien elementtien sujuva animointi "liikkumisvaikutteena".
initial Aseta tämä ominaisuus sen oletusarvoon. Katso myös initial。
inherit Periisässä olevasta elementistä inheritoidaan tämä ominaisuus. Katso myös inherit。

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan kyseisen ominaisuuden selaimen version.

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