使用简单的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>

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

使用简单的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>

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

为什么不使用JQuery内置函数scrollTop：

$('html, body').scrollTop(0);//For scrolling to top

$("body").scrollTop($("body")[0].scrollHeight);//For scrolling to bottom

简短而简单！

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

激活所有浏览器。祝你好运

var process;
        var delay = 50; //milisecond scroll top
        var scrollPixel = 20; //pixel U want to change after milisecond
        //Fix Undefine pageofset when using IE 8 below;
        function getPapeYOfSet() {
            var yOfSet = (typeof (window.pageYOffset) === "number") ? window.pageYOffset : document.documentElement.scrollTop;
            return yOfSet;
        }



        function backToTop() {
            process = setInterval(function () {
                var yOfSet = getPapeYOfSet();
                if (yOfSet === 0) {
                    clearInterval(process);
                } else {
                    window.scrollBy(0, -scrollPixel);
                }
            }, delay);
        }

滚动到的一个简单示例（使用html效率更高，但以下是如何使用JavaScript实现的）：

const btn=document.querySelector（'.btn'）；btn.addEventListener（'click'，（）=>{window.scrollTo({左：0，顶部：0，})})window.addEventListener（'scroll'，函数（）{const scrollHeight=window.pageYOffset；如果（滚动高度>500）{btn.classList.add（'sow-link'）；}其他{btn.classList.remove（'sow-link'）；}});.节{衬垫底部：5rem；高度：90vh；}.磅{位置：固定；底部：3rem；右：3rem；背景：蓝色；宽度：2rem；高度：2rem；颜色：#fff；可见性：隐藏；z指数：-100；}.show链接{可见性：可见；z指数：100；}.标题h2{文本对齐：居中；}<section class=“section”><div class=“title”><h2>第一节</h2></div></section><section class=“section”><div class=“title”><h2>第二节</h2></div></section><section class=“section”><div class=“title”><h2>第三节</h2></div></section><a class=“btn”></a>