温馨提示×

JS返回顶部的方法有哪些

js

小亿

319

2023-07-27 18:43:58

栏目: 编程语言

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

使用 window.scrollTo() 方法：将窗口滚动到指定位置，可以将滚动位置设置为顶部即可返回顶部位置。

function scrollToTop() {
window.scrollTo(0, 0);
}

使用 window.scroll() 方法：将窗口滚动到指定位置，可以将滚动位置设置为顶部即可返回顶部位置。

function scrollToTop() {
window.scroll({
top: 0,
behavior: 'smooth' // 平滑滚动
});
}

使用 document.documentElement.scrollTop 属性：通过设置该属性的值为0，可以将滚动位置设置为顶部即可返回顶部位置。

function scrollToTop() {
document.documentElement.scrollTop = 0;
}

使用 document.body.scrollTop 属性：通过设置该属性的值为0，可以将滚动位置设置为顶部即可返回顶部位置。

function scrollToTop() {
document.body.scrollTop = 0;
}

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

0 赞

0 踩

最新问答

相关问答

相关标签

产品服务

地区划分

专题活动

帮助支持

关于我们

售后咨询

7*24小时在线电话：400-100-2938

7*24小时在线 QQ：800811969

关注亿速云

亿速云公众号

手机网站二维码