كيفية التمرير السلس للصفحة إلى العنصر المطلوب باستخدام jQuery؟

مرحباً بالجميع! لقد بدأت للتو في تعلم jQuery وواجهت مشكلة. لدي نموذج طويل في الصفحة، وبعد إرسال البيانات أريد تمرير الصفحة تلقائياً إلى الكتلة التي تحتوي على رسالة النجاح أو الخطأ. لكن الرابط الأساسي `#id` يعمل بشكل مفاجئ جداً — الصفحة تقفز فجأة ويفقد المستخدم السياق. لقد جربت استخدام `window.scrollTo()`، لكنه يقبل الإحداثيات فقط، وأنا بحاجة إلى أن يكون التمرير سلساً. إليك الكود الحالي الذي لا يعمل كما أريد: ```javascript $('#submit-btn').on('click', function() { // ... إرسال البيانات عبر AJAX ... // بعد النجاح: window.scrollTo(0, $('#success-message').offset().top); }); ``` التمرير يحدث فورياً بدون حركة. سمعت أن jQuery يحتوي على طريقة `.animate()`، لكني لا أفهم كيفية تطبيقها على تمرير الصفحة. كما وجدت إضافة `jQuery.scrollTo` على الإنترنت، لكني لا أريد إضافة مكتبات إضافية إذا كان يمكن الاستغناء عنها باستخدام الأدوات القياسية.