A propriedade scroll-behavior: smooth
permite altera o comportamento do scroll para ficar mais suave.
Exemplo:
#scroll{
overflow: auto;
height: 600px;
width: 100%;
scroll-behavior: smooth
}
#a, #b {
height: 600px;
}
#a{
background-color: red;
}
#b {
background-color: green;
}
<div id="scroll">
<a href='#b'>Faça o scroll</a>
<div id='a'></div>
<div id='b'></div>
</div>
Porém, até onde eu percebi, parece propriedade smooth
já tem seu próprio tempo padrão para executar o scroll suave.
Gostaria de saber se é possível aumentar ou diminuir o tempo da rolagem suave quando usamos scroll-behavior
apenas pelo CSS - ou seja, sem uso de Javascript.
0.01s
até1.0s
(só exemplo).