Como fazer uma transição suave de rolagem ao clicar nos link do menu levando para a sessão selecionada?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como fazer uma transição suave de rolagem ao clicar nos link do menu levando para a sessão selecionada?
Boa noite, já tentou usar o .animate? Por exemplo:
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
Oi Fernando achei esse código que funcionou para mim.
$('body').on('click','a[href^="#"]',function(event){
event.preventDefault();
var target_offset = $(this.hash).offset() ? $(this.hash).offset().top : 0;
//change this number to create the additional off set
var customoffset = 75
$('html, body').animate({scrollTop:target_offset - customoffset}, 500);
});Espero ter ajudado e bons estudos.