单击按钮时如何停止页面向上滚动？

Question

我需要帮助解决这个问题，但我无法解决或在网上找不到任何相关信息，所以请帮助。

我正在制作一个网站，我有一个个人资料页面，用户可以在其中查看他们的个人数据，它分为 3 个部分。在每个部分中，我都放置了一个“编辑”按钮，供用户根据需要编辑他们的数据（是的，为整个页面中的数据制作一个“编辑”按钮会很棒，但我很难做到，所以我现在就这样做）。

问题是：当您在此页面中向下滚动并单击“编辑”时，页面会重新加载并一直向上滚动。因此，您必须再次向下滚动以编辑数据，然后当您完成并单击“更新”时，页面会发生同样的事情，因此您必须再次向下滚动。

这真的很令人沮丧，所以如果您有任何可以帮助我的提示或资源，请告诉我！

Answer 1

如果我理解，你需要这个：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form id="form1" action="index.html#form1">
      <h1>Form 1</h1>
      <textarea rows="20"></textarea>
      <input type="submit" value="update" />
    </form>
    <form id="form2" action="index.html#form2">
      <h1>Form 2</h1>
      <textarea rows="20"></textarea>
      <input type="submit" value="update" />
    </form>
    <form id="form3" action="index.html#form3">
      <h1>Form 3</h1>
      <textarea rows="20"></textarea>
      <input type="submit" value="update" />
    </form>
  </body>
</html>

将 index.html 更改为您处理 post 提交的路径。

单击按钮时如何停止页面向上滚动？

How to stop page from scrolling up whenever a button is clicked?

html

scroll

refresh

button

page-refresh