¿Cómo desplazar suavemente la página a un elemento específico con jQuery?

¡Hola a todos! Acabo de empezar a aprender jQuery y me encontré con un problema. En mi página hay un formulario largo, y después de enviar los datos quiero desplazar automáticamente la página al bloque con el mensaje de éxito o error. Pero el ancla estándar `#id` funciona demasiado bruscamente — la página simplemente salta y el usuario pierde el contexto. Intenté usar `window.scrollTo()`, pero solo acepta coordenadas, y necesito que el desplazamiento sea suave. Aquí está mi código actual, que no funciona como quisiera: ```javascript $('#submit-btn').on('click', function() { // ... envío de datos mediante AJAX ... // Después del éxito: window.scrollTo(0, $('#success-message').offset().top); }); ``` El desplazamiento ocurre instantáneamente, sin animación. He oído que jQuery tiene el método `.animate()`, pero no entiendo cómo aplicarlo al desplazamiento de la página. También encontré en internet el plugin `jQuery.scrollTo`, pero no quiero agregar librerías adicionales si se puede hacer con herramientas estándar.