您可以简单地使用链接中的目标，例如#someid，其中#someid是div的id。

或者，您可以使用任何数量的滚动插件，使其更加优雅。

http://plugins.jquery.com/project/ScrollTo是一个例子。

所有这些建议都适用于各种情况。对于通过搜索找到此页面的人，也可以尝试一下。JQuery，没有插件，滚动到元素。

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

许多用户建议同时选择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();
}

只需尝试，不需要其他插件/框架

document.getElementById（“jarscoolbtn”）.addEventListener（“单击”，jarsrollfunction）；函数jarrollfunction（）{var body=document.body；//对于Safarivar html=document.documentElement；//Chrome、Firefox、IE和Operabody.scrollTop=0；html.scrollTop=0；}<button id=“jarscoolbtn”>滚动内容</button>html，正文{滚动行为：平滑；}

您可以简单地使用链接中的目标，例如#someid，其中#someid是div的id。

或者，您可以使用任何数量的滚动插件，使其更加优雅。

http://plugins.jquery.com/project/ScrollTo是一个例子。

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

window.scrollTo(xCoord, yCoord);

参数

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