JavaScript 滚动到页面顶部
Harshit Jindal
2023年1月30日
2021年4月29日
本教程讲解如何使用 JavaScript 滚动到页面顶部。
使用 window.scrollTo()
函数滚动到页面顶部
窗口的 scrollTo()
方法用于滚动到页面上的特定位置。它有两个参数:我们要滚动到的点的 x
和 y
坐标。我们可以将 x
和 y
传递为 0
来滚动到页面顶部。
window.scrollTo(x-coordinate, y-coordinate)
使用锚标签滚动到页面顶部
单击链接时,锚点标签将引用页面的参考来打开。如果我们将 #
作为 href
属性的值传递,它将滚动到页面顶部。
<a href="#"> Top of Page </a>
使用 jQuery 的 scrollTo()
函数滚动到页面顶部
scrollTo()
函数可帮助我们获取/操纵 HTML 元素的垂直滚动条位置。它需要一个参数,即 scrollTo()
的位置。通过将其应用于 window 属性并将位置参数设置为 0
,我们可以使用此函数到达页面顶部。
$(window).scrollTop(0);
Author: Harshit Jindal
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn