Neste post vamos ensinar como suavizar a barra de rolagem usando apenas CSS. Muito usada em página Onepage, onde concentra todo o conteúdo em uma única página.
Vídeo demonstrativo:
Para suavizar a barra de rolagem, basta adicionar o código scroll-behavior: smooth
ao elemento html
do seu site para permitir que o efeito seja criado. Vale lembrar que também é possível adicionar o efeito em um elemento específico que também tenha barra de rolagem.
Exemplo do código:
Exemplo do código funcionando:
See the Pen Como criar barra de rolagem suave by Cupcom Codes (@cupcomcodes) on CodePen.
Nesse post vamos listar os 10 melhores plugins gratuitos para Wordpress de 2022 para você…
Nesse post vamos listar os 10 melhores temas WordPress para lojas de varejo de 2022,…
Quer otimizar seus projetos no Figma e elevar a qualidade das suas entregas? Neste post,…
Listamos 10 sites para baixar imagens e fotos gratuitas para uso pessoal ou comercial livre…
In the biggest news of the month, WordPress 6.5 is being shipped today after having…
In the biggest news of the month, WordPress 6.5 is being shipped today after having…