JavaScript/jQuery का उपयोग करके किसी तत्व को उसके ID या क्लास के आधार पर पेज को स्मूथली स्क्रॉल कैसे करें?

सभी को नमस्ते! मैं वेब डेवलपमेंट में नया हूँ और मुझे एक समस्या का सामना करना पड़ा: मेरे पेज पर एक लंबी सूची है, और नीचे एक 'ऊपर जाएं' बटन है। उस पर क्लिक करने पर पेज को सबसे ऊपर स्मूथली (एनिमेटेड) स्क्रॉल करना होता है। लेकिन मैं इसे काम नहीं करवा पा रहा हूँ। यह मेरा कोड है: ```html वापस ऊपर जाएं ``` ```javascript // id="footer" वाले तत्व पर स्क्रॉल करने की कोशिश कर रहा हूँ $('#goTop').click(function() { $('#footer').scroll(); // काम नहीं करता // या इस तरह: window.scrollTo(0, $('#footer').offset().top); // बिना एनिमेशन के सीधे कूद जाता है }); ``` मैंने अलग-अलग तरीके आज़माए, लेकिन कुछ काम नहीं आया। किसी तत्व पर स्मूथ स्क्रॉल सही तरीके से कैसे करें? जरूरत है कि बटन पर क्लिक करने पर पेज स्मूथली #footer ब्लॉक (या किसी अन्य तत्व) पर स्क्रॉल हो। अगर संभव हो तो शुद्ध JavaScript में, लेकिन अगर जरूरी हो तो jQuery उपयोग करने को तैयार हूँ। कृपया बताएं कि इसे सही और अच्छे तरीके से कैसे लागू करें?