Vlastnost chování posouvání CSS
Příklad
Přidejte do dokumentu efekt hladkého rolování:
html {
scroll-behavior: smooth;
}
Definice a použití
Tato scroll-behavior
vlastnost určuje, zda se má plynule animovat pozice posouvání namísto přímého skoku, když uživatel klikne na odkaz v rolovatelném poli.
Výchozí hodnota: | auto |
---|---|
Zděděno: | Ne |
Animovatelné: | Ne. Přečtěte si o tématu Animable |
Verze: | Modul zobrazení CSSOM (pracovní návrh) |
Syntaxe JavaScriptu: | objekt .style.scrollBehavior="smooth" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
scroll-behavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
Syntaxe CSS
scroll-behavior: auto|smooth|initial|inherit;
Hodnoty vlastností
Value | Description |
---|---|
auto | Allows a straight jump "scroll effect" between elements within the scrolling box. This is default |
smooth | Allows a smooth animated "scroll effect" between elements within the scrolling box. |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |