Javascript中的onload事件和scrollTop属性实现滚动到页面顶部

简介

在web开发中，有时我们需要实现页面滚动到顶部的功能。Javascript提供了onload事件和scrollTop属性来实现这个功能。

onload事件

onload事件在页面中的所有资源（如图片、脚本、样式等）都加载完毕后触发。我们可以在onload事件的回调函数中写上滚动到顶部的逻辑。

window.onload = function() {
  // 滚动到顶部的逻辑
}

scrollTop属性

scrollTop属性指定元素的滚动条垂直位置。对于文档元素（即网页的body），scrollTop属性指定页面的垂直位置。

我们可以通过设置scrollTop属性的值为0来实现滚动到页面顶部的效果。

document.body.scrollTop = 0; // 滚动到页面顶部

实现

将onload事件和scrollTop属性结合起来，就可以实现滚动到页面顶部的功能。

window.onload = function() {
  document.body.scrollTop = 0; // 滚动到页面顶部
}

结论

通过Javascript中的onload事件和scrollTop属性，我们可以很方便地实现滚动到页面顶部的功能。

代码实现：

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