js

JS返回顶部的方法有哪些

小亿
323
2023-07-27 18:43:58
栏目: 编程语言
前端开发者专用服务器,限时0元免费领! 查看>>

JavaScript 返回顶部的方法有以下几种:

  1. 使用 window.scrollTo() 方法:将窗口滚动到指定位置,可以将滚动位置设置为顶部即可返回顶部位置。
function scrollToTop() {
window.scrollTo(0, 0);
}
  1. 使用 window.scroll() 方法:将窗口滚动到指定位置,可以将滚动位置设置为顶部即可返回顶部位置。
function scrollToTop() {
window.scroll({
top: 0,
behavior: 'smooth' // 平滑滚动
});
}
  1. 使用 document.documentElement.scrollTop 属性:通过设置该属性的值为0,可以将滚动位置设置为顶部即可返回顶部位置。
function scrollToTop() {
document.documentElement.scrollTop = 0;
}
  1. 使用 document.body.scrollTop 属性:通过设置该属性的值为0,可以将滚动位置设置为顶部即可返回顶部位置。
function scrollToTop() {
document.body.scrollTop = 0;
}

需要注意的是,以上方法只能在有滚动条的情况下才能滚动到顶部,如果页面内容较少,没有滚动条,可能无法使用这些方法返回顶部。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

相关推荐:js返回上一个页面并刷新的方法有哪些

0
看了该问题的人还看了