Categories: Aprendendo CSS

Como criar rolagem suave no HTML

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!
cupcom

Recent Posts

7 Plug-ins do Figma para Otimizar Projetos em 2024: Melhore sua Produtividade e Eficiência

Quer otimizar seus projetos no Figma e elevar a qualidade das suas entregas? Neste post,…

2 horas ago

10 sites para baixar imagens e fotos gratuitas em 2024

Listamos 10 sites para baixar imagens e fotos gratuitas para uso pessoal ou comercial livre…

6 horas ago

WordPress 6.5, Plugin Drama, WordCamp Asia 🗞️ April 2024 WordPress News w/ CodeinWP

In the biggest news of the month, WordPress 6.5 is being shipped today after having…

11 horas ago

WordPress 6.5, Plugin Drama, WordCamp Asia 🗞️ April 2024 WordPress News w/ CodeinWP

In the biggest news of the month, WordPress 6.5 is being shipped today after having…

14 horas ago

9 sites para baixar fontes gratuitas em 2024

9 sites para baixar fontes gratuitas para usar em projetos de design gráfico ou web,…

18 horas ago

6 Sites para baixar vídeos gratuitos em 2024

Listamos 6 Sites para baixar vídeos gratuitos em 2024 sem copyright para serem usados em…

22 horas ago