Propriedade scroll-behavior
A propriedade scroll-behavior define uma rolagem suave
ou instantânea dentro do elemento.
A propriedade aceita dois valores auto (transição
instantânea para o elemento) e smooth (transição
suave).
Sintaxe
seletor {
scroll-behavior: auto ou smooth;
}
Exemplo . Valor auto
Vamos definir a rolagem instantânea:
<div>texto</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Exemplo . Valor smooth
E agora vamos definir a rolagem suave:
<div>texto</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Veja também
-
pseudoclasse
:fullscreen,
que define o estilo para elementos em modo de tela cheia -
pseudoclasse
:default,
que define o estilo para elementos padrão
