如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
试试这个
<script>
$(function(){
$('a').click(function(){
var href =$(this).attr("href");
$('body, html').animate({
scrollTop: $(href).offset().top
}, 1000)
});
});
</script>
其他回答
如果您确实想要平滑滚动，请尝试以下操作：
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
这将接受href=“#top”的任何<a>标记，并使其平滑滚动到顶部。
试试这个
<script>
$(window).scrollTop(100);
</script>
如果您想设置滚动动作的动画，则不需要javascript、event！
CSS:
html {
scroll-behavior: smooth;
}
HTML格式：
<html>
<body>
<a id="top"></a>
<!-- your document -->
<a href="#top">Jump to top of page</a>
</body>
</html>
动机
这个简单的解决方案在本地工作，并实现了到任何位置的平滑滚动。
它避免了使用锚链接（带有#的链接），在我看来，如果你想链接到一个部分，这些链接是有用的，但在某些情况下不是很舒服，特别是当指向顶部时，这可能会导致两个不同的URL指向同一位置(http://www.example.org和http://www.example.org/#).
解决方案
在要滚动到的标记中添加一个id，例如第一个部分，它回答了这个问题，但id可以放在页面的任何位置。
<body>
<section id="top">
<!-- your content -->
</section>
<div id="another"><!-- more content --></div>
然后，作为一个按钮，您可以使用链接，只需使用如下代码编辑onclick属性即可。
<a onclick="document.getElementById('top').scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' })">Click me</a>
其中document.getElementById的参数是单击后要滚动到的标记的id。
$（“.solltop”）.click（函数）{$（“html，body”）.animate（｛scrollTop:0｝，“slow”）；return false；});.节{高度：400px；}.第1节{背景色：#333；}.第2节{背景色：红色；}.第3节{背景色：黄色；}.第4节{背景色：绿色；}.滚动条{位置：固定；右：10px；底部：10px；颜色：#fff；}<html><head><title>滚动顶部演示</title><script src=“https://code.jquery.com/jquery-3.3.1.js“></script></head><body><div class=“content wrapper”><div class=“section section1”></div><div class=“section section2”></div><div class=“section section3”></div><div class=“section section4”></div>滚动顶部</a></div></body></html>
