纯JavaScript解决方案：

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

我在Codepen上编写了一个动画解决方案

此外，您可以尝试使用CSS滚动行为的另一种解决方案：smooth属性。

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

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

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，正文{滚动行为：平滑；}

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

当顶部滚动条顶部小于限制底部，且底部到顶部滚动条标题为粘滞时。下面参见Fiddle示例。

var lastScroll = 0;

$(document).ready(function($) {

$(window).scroll(function(){

 setTimeout(function() { 
    var scroll = $(window).scrollTop();
    if (scroll > lastScroll) {

        $("header").removeClass("menu-sticky");

    } 
    if (scroll == 0) {
    $("header").removeClass("menu-sticky");

    }
    else if (scroll < lastScroll - 5) {


        $("header").addClass("menu-sticky");

    }
    lastScroll = scroll;
    },0);
    });
   });

https://jsfiddle.net/memdumusaib/d52xcLm3/

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

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

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

纯JavaScript解决方案：

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

我在Codepen上编写了一个动画解决方案

此外，您可以尝试使用CSS滚动行为的另一种解决方案：smooth属性。

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}