如何使用JavaScript/jQuery平滑滚动到指定ID或类名的元素？

大家好！我是网页开发新手，遇到了一个问题：我的页面上有一个很长的列表，底部有一个“返回顶部”按钮。点击它时，需要平滑（带动画）地滚动到页面最顶部。但我无法让它正常工作。\n\n这是我的代码：\n\n```html\n返回顶部\n\n```\n\n```javascript\n// 尝试滚动到id="footer"的元素\n$('#goTop').click(function() {\n $('#footer').scroll(); // 不工作\n // 或者这样：\n window.scrollTo(0, $('#footer').offset().top); // 直接跳转，没有动画\n});\n```\n\n我试过不同的方法，但都不行。如何正确实现平滑滚动到元素？需要在点击按钮时，页面平滑滚动到#footer块（或任何其他元素）。最好用纯JavaScript，但如果需要，我也愿意使用jQuery。请告诉我如何正确实现。