JavaScript 滚动到页面顶部

Harshit Jindal 2023年1月30日 2021年4月29日
  1. 使用 window.scrollTo() 函数滚动到页面顶部
  2. 使用锚标签滚动到页面顶部
  3. 使用 jQuery 的 scrollTo() 函数滚动到页面顶部
JavaScript 滚动到页面顶部

本教程讲解如何使用 JavaScript 滚动到页面顶部。

使用 window.scrollTo() 函数滚动到页面顶部

窗口的 scrollTo() 方法用于滚动到页面上的特定位置。它有两个参数:我们要滚动到的点的 xy 坐标。我们可以将 xy 传递为 0 来滚动到页面顶部。

window.scrollTo(x-coordinate, y-coordinate)

使用锚标签滚动到页面顶部

单击链接时,锚点标签将引用页面的参考来打开。如果我们将 # 作为 href 属性的值传递,它将滚动到页面顶部。

<a href="#"> Top of Page </a>

使用 jQuery 的 scrollTo() 函数滚动到页面顶部

scrollTo() 函数可帮助我们获取/操纵 HTML 元素的垂直滚动条位置。它需要一个参数,即 scrollTo() 的位置。通过将其应用于 window 属性并将位置参数设置为 0,我们可以使用此函数到达页面顶部。

$(window).scrollTop(0);
Harshit Jindal avatar Harshit Jindal avatar

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