在表单提交时保持网页不滚动到顶部

Question

我通过锚标记和javascript提交表单。

<a onclick="submit_form();">Submit</a>

单击该按钮后，页面会立即滚动到页面顶部并继续正常的表单提交过程。

如何让页面不滚动到顶部，为什么会这样做？

Answer 1

将OnClick事件更改为HREF。

<a href="JavaScript:submit_form();">Submit</a>

或者返回False以便它不会继续处理点击

<a onClick="submit_form(); return false;">Submit</a>

Answer 2

您可以在表单中使用名称锚

<a name="name"></a>
<form action="example.html#name">

这样做是因为表单提交是新的页面请求。