CSS vlastnost scroll-behavior: smooth

Příklad se vztahuje k textu o kotvách.

Smooth

odkaz na kotvu, která je v rolovacím divu dole

tento oddíl má zadanou css vlastnost scroll-behavior: smooth. To způsobí, že na kotvu se najede pomalu, trvá to asi 1 s.

.smooth {scroll-behavior: smooth; }

jde to přiřadit i k html, potom bude pomalu rolovat celá stránka

html {scroll-behavior: smooth;}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tady je dole kotva

odkaz zpátky nahoru

Dále budu zkoušet hodnotu auto

všechno je tady v <div class="auto">

odkaz dolů na konec sekce auto

tento oddíl má zadanou vlastnost scroll-behavior: auto, což je výchozí hodnota. Na kotvu najede okamžitě.

.auto {scroll-behavior: auto; }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tady je auto dole

odkaz zpátky na auto nahoru