JS返回顶部的方法有哪些

js

1290

2023/8/25 18:43:58

栏目: 编程语言

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

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

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

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

最新知识库

相关知识库

相关标签

云服务器

物理服务器

香港物理机

美国普防

美国大带宽

显卡物理机

韩国

美国高防

日本

台湾

马来西亚

站群物理机

绍兴电信/绍兴BGP高防

扬州BGP高防

枣庄电信BGP高防

泉州电信高防

帮助支持

关于我们

售后咨询

7*24小时在线电话：400-0666-318

7*24小时在线 QQ：