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

مرحباً بالجميع! أنا مبتدئ في تطوير الويب وواجهت هذه المهمة: في صفحتي قائمة طويلة، وفي الأسفل زر 'إلى الأعلى'. عند النقر عليه، أحتاج إلى تمرير الصفحة بسلاسة (مع حركة) إلى الأعلى. لكنني لا أستطيع جعلها تعمل. إليك الكود الخاص بي: ```html العودة إلى الأعلى ``` ```javascript // أحاول التمرير إلى العنصر ذو id="footer" $('#goTop').click(function() { $('#footer').scroll(); // لا يعمل // أو هكذا: window.scrollTo(0, $('#footer').offset().top); // يقفز فقط، بدون حركة }); ``` لقد جربت طرقاً مختلفة، لكن لا شيء ينجح. كيف يمكنني التمرير بسلاسة إلى العنصر؟ أحتاج أنه عند النقر على الزر، يتم تمرير الصفحة بسلاسة إلى الكتلة #footer (أو إلى أي عنصر آخر). يُفضل باستخدام JavaScript الخالص، لكن إذا لزم الأمر، يمكنني استخدام jQuery. من فضلكم، أخبروني كيف يمكنني تنفيذ ذلك بشكل صحيح.