js

JS返回顶部的方法有哪些

小亿
253
2023-07-27 18:43:58
栏目: 编程语言

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;
}

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

0
看了该问题的人还看了