Adicione scroll-behavior: smooth ao elemento <html> para permitir a rolagem suave para toda a página.
NOTA: Também é possível adicioná-lo a um elemento / recipiente de rolagem específico.
Confira o exemplo funcionando:
See the Pen Como criar barra de rolagem suave by Cupcom Codes (@cupcomcodes) on CodePen.
Espero ter ajudado, sugestões e críticas deixe ai nos comentários 😉
Isto foi útil?
Obrigado pelo seu feedback!