Propriedade scrollBehavior do estilo

Definição e uso

scrollBehavior A propriedade define se há efeito de animação suave ao rolar para a posição ao clicar em um link dentro da caixa de rolagem, em vez de saltar diretamente.

Veja também:

Manual de referência CSS:Propriedade scroll-behavior

Exemplo

Adicione efeitos de rolagem suaves à página:

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

Experimente você mesmo

Sintaxe

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

Valor da propriedade

Valor Descrição
auto Padrão. Permite saltar diretamente entre os elementos dentro da caixa de rolagem.
smooth Permite efeitos de animação suaves entre elementos dentro da caixa de rolagem.
initial Defina essa propriedade para seu valor padrão. Veja também initial。
inherit Herda essa propriedade do elemento pai. Veja também inherit。

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

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