平滑滚动到顶部

我已经搜索了几个小时了，但没有解决方案。我想要平滑滚动到页面顶部。我已经可以平滑滚动到页面中的单独锚点.js文件附加到我的网站，但我无法在顶部使用锚点，因为我使用的是来自免费托管网站的模板，该网站带有内置页面构建工具，不允许我在正文区域上方进行编辑。

Here http://www.dwuser.com/education/content/quick-guide-adding-smooth-scrolling-to-your-webpages/这就是我平滑滚动的地方。我一直在尝试设置“平滑滚动到没有jquery插件的元素”，但经过无数次尝试后我不知道如何明显地安排它。我也用过window.scrollTo(0, 0);但它会立即滚动。谢谢！

此外：http://jsfiddle.net/WFd3V/ http://jsfiddle.net/WFd3V/- 代码可能是标签class="smoothScroll"因为我的其他元素使用它，但我不知道如何将它与href="javascript:window.scrollTo(0,0);"，或任何其他可以在没有锚点的情况下将页面带到顶部的内容。

我认为最简单的解决方案是使用window.scrollTo https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo:

window.scrollTo({top: 0, behavior: 'smooth'});

如果你想要即时滚动，那么只需使用：

window.scrollTo({top: 0});

也可以封装在函数中：

// Scroll To Top
function scrollToTop() {
    window.scrollTo({top: 0, behavior: 'smooth'});
}

或者用作onclick处理程序：

<button onclick='window.scrollTo({top: 0, behavior: "smooth"});'>
   Scroll to Top
</button>