许多用户建议同时选择html和body标签以实现跨浏览器兼容性，如下所示：

$('html, body').animate({ scrollTop: 0 }, callback);

如果你指望回调只运行一次，这可能会让你绊倒。它实际上会运行两次，因为您选择了两个元素。

如果这对你来说是个问题，你可以这样做：

function scrollToTop(callback) {
    if ($('html').scrollTop()) {
        $('html').animate({ scrollTop: 0 }, callback);
        return;
    }

    $('body').animate({ scrollTop: 0 }, callback);
}

这在Chrome$（'html'）中有效的原因。scrollTop（）返回0，但在其他浏览器（如Firefox）中无效。

如果滚动条已经位于顶部，您不想等待动画完成，请尝试以下操作：

function scrollToTop(callback) {
    if ($('html').scrollTop()) {
        $('html').animate({ scrollTop: 0 }, callback);
        return;
    }

    if ($('body').scrollTop()) {
        $('body').animate({ scrollTop: 0 }, callback);
        return;
    }

    callback();
}

如果你不需要更改动画，那么你就不需要使用任何特殊的插件——我只需要使用原生JavaScript window.scrollTo（）方法——传入0，0将立即将页面滚动到左上角。

window.scrollTo(xCoord, yCoord);

参数

xCoord是沿水平轴的像素。yCoord是沿垂直轴的像素。

请检查以下代码，这肯定会有帮助。：）

document.querySelector('.sample-modal .popup-cta').scrollIntoView(true);
document.querySelector('.sample-modal').style.scrollPadding = '50px'; //to move to the top when scrolled up.

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

window.location = '#'

单击“转到顶部”按钮

示例演示：

输出.jsbin.com/fakumo#

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

真的很奇怪：这个问题已经活跃了五年了，但仍然没有一个普通的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

尝试以下代码：

$('html, body').animate({
    scrollTop: $("div").offset().top
}, time);

div=>要移动滚动的Dom元素。

时间=>毫秒，定义滚动速度。