你可以尝试在这个Fiddle中使用JShttp://jsfiddle.net/5bNmH/1/

在页脚中添加“转到顶部”按钮：

<footer>
    <hr />
    <p>Just some basic footer text.</p>
    <!-- Go to top Button -->
    <a href="#" class="go-top">Go Top</a>
</footer>

真的很奇怪：这个问题已经活跃了五年了，但仍然没有一个普通的JavaScript答案来激活滚动……所以，现在就开始吧：

var scrollToTop = window.setInterval(function() {
    var pos = window.pageYOffset;
    if ( pos > 0 ) {
        window.scrollTo( 0, pos - 20 ); // how far to scroll on each step
    } else {
        window.clearInterval( scrollToTop );
    }
}, 16); // how fast to scroll (this equals roughly 60 fps)

如果愿意，可以将其包装在函数中，并通过onclick属性调用它。检查这个jsfiddle

注意：这是一个非常基本的解决方案，可能不是最有效的解决方案。这里可以找到一个非常详细的示例：https://github.com/cferdinandi/smooth-scroll

平滑滚动，纯javascript：

(function smoothscroll(){
    var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
    if (currentScroll > 0) {
         window.requestAnimationFrame(smoothscroll);
         window.scrollTo (0,currentScroll - (currentScroll/5));
    }
})();

滚动到带有动画的页面顶部：

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

你不需要JQuery。只需调用脚本

window.location = '#'

单击“转到顶部”按钮

示例演示：

输出.jsbin.com/fakumo#

PS：当你使用像angularjs这样的现代库时，不要使用这种方法。这可能会破坏URL散列。

您可以使用javascript的内置函数scrollTo：

函数滚动（）{window.scrollTo({顶部：0，行为：“平滑”});}<button onclick=“scroll”>滚动</button>