平滑滚动，纯javascript：

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

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

window.location = '#'

单击“转到顶部”按钮

示例演示：

输出.jsbin.com/fakumo#

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

使用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秒后它会消失

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

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

document.getElementsByTagName('html')[0].scrollIntoView({ behavior: "smooth" });

如果您想平滑滚动，请尝试以下操作：

$("a").click(function() {
     $("html, body").animate({ scrollTop: 0 }, "slow");
     return false;
});

另一种解决方案是JavaScript window.scrollTo方法：

 window.scrollTo(x-value, y-value);

参数：

x值是沿水平轴的像素。y值是沿垂直轴的像素。