如何在点击按钮时使HTML页面滚动到顶部？

6 浏览
0 Comments

如何在点击按钮时使HTML页面滚动到顶部？

这个问题已经在此处有答案:

如何使用JavaScript滚动到页面顶部？

所以我在我的HTML页面中有以下内容：

\"enter

我故意让\"overflow\"发生，这导致了右侧的滚动条。

所以我制作了一个名为“点击向上滚动”的按钮。 我想要的是，每次单击该按钮，文档都会立即向上滚动。这意味着如果我滚到最底部，然后单击该按钮，它会把我带到顶部。

我查找了一下，发现有一个方法“scrollTop”，但似乎并不起作用。希望能得到一些帮助。

document.getElementById("scrollup").addEventListener("click", scrollUpmost);
function scrollUpmost() {
    $(document).scrollTop();
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
.container {
    border: 1px solid orange;
}
.big_div {
    border: 1px solid black;
    height: 1200px;
}
#scrollup {
    margin-top: 900px;
}

admin 更改状态以发布 2023年5月20日
0

1 答案

0 Comments 
$("#scrollup").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});


    * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
.container {
    border: 1px solid orange;
}
.big_div {
    border: 1px solid black;
    height: 1200px;
}
#scrollup {
    margin-top: 900px;
}
  




  

  
  
  Document

请尝试此代码

0