如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
$（“.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>
其他回答
以上答案在SharePoint 2016中都不起作用。
必须这样做：https://sharepoint.stackexchange.com/questions/195870/
var w = document.getElementById("s4-workspace");
w.scrollTop = 0;
旧的#top可以做到这一点
document.location.href = "#top";
适用于FF、IE和Chrome
<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' });
只需尝试，不需要其他插件/框架
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，正文{滚动行为：平滑；}
function scrolltop() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('#back-to-top').fadeIn(duration);
} else {
jQuery('#back-to-top').fadeOut(duration);
}
});
jQuery('#back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
});
}
