使用简单的css尝试这个解决方案，只需将css滚动行为：在html和body上平滑，就像我在css中应用的那样。就是这样

document.querySelector（'a'）.onclick=函数（）{window.srollTo（0,0）}html，正文{滚动行为：平滑；}一个{背景色：红色；颜色：#fff；边界半径：10px；边距：10px 0；显示：内联块；填充：10px 20px；}<p>自从1500年代以来，Lorem Ipsum就一直是行业的标准伪文本，当时一位不知名的印刷商拿着一把打字机，把它弄乱，做成了一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p＞<a>滚动到顶部</a>

我希望这对你有很大帮助。请告诉我你的想法

使用window.scrowlTo（0，0）；速度非常快所以我尝试了Mark Ursino的例子，但在Chrome中什么都没有发生我找到了这个

$('.showPeriodMsgPopup').click(function(){
    //window.scrollTo(0, 0);
    $('html').animate({scrollTop:0}, 'slow');//IE, FF
    $('body').animate({scrollTop:0}, 'slow');//chrome, don't know if Safari works
    $('.popupPeriod').fadeIn(1000, function(){
        setTimeout(function(){$('.popupPeriod').fadeOut(2000);}, 3000);
    });
});

测试了所有3种浏览器，并正常工作我正在使用蓝图css这是当客户点击“立即预订”按钮并且没有选择租赁期时，慢慢移动到日历所在的顶部，并打开一个指向2个字段的对话框div，3秒后它会消失

只需使用此脚本滚动到顶部直接。

<script>
$(document).ready(function(){
    $("button").click(function(){
        ($('body').scrollTop(0));
    });
});
</script>

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

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

<script>
$(function(){
   var scroll_pos=(0);          
   $('html, body').animate({scrollTop:(scroll_pos)}, '2000');
});
</script>

编辑：

$('html, body').animate({scrollTop:(scroll_pos)}, 2000);

另一种上下边距滚动方式：

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

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