Como rolar suavemente a página até o elemento desejado usando jQuery?

Olá a todos! Comecei a estudar jQuery recentemente e me deparei com um problema. Na minha página, há um formulário longo e, após o envio dos dados, quero rolar automaticamente a página até o bloco com a mensagem de sucesso ou erro. Mas a âncora padrão `#id` funciona de forma muito abrupta — a página simplesmente pula, e o usuário perde o contexto. Tentei usar `window.scrollTo()`, mas ele só aceita coordenadas, e eu preciso que a rolagem seja suave. Aqui está meu código atual, que não funciona como eu gostaria: ```javascript $('#submit-btn').on('click', function() { // ... envio de dados via AJAX ... // Após o sucesso: window.scrollTo(0, $('#success-message').offset().top); }); ``` A rolagem ocorre instantaneamente, sem animação. Ouvi dizer que no jQuery existe o método `.animate()`, mas não entendo como aplicá-lo à rolagem da página. Também encontrei na internet o plugin `jQuery.scrollTo`, mas não quero incluir bibliotecas extras se for possível resolver com ferramentas padrão.