html / javascript-跳转至锚不起作用

Question

单击按钮时，我具有一个指向锚的onClick函数。 当您单击按钮时，您会看到＃出现在url中，页面迅速跳转到锚点，但是url中的＃消失了，页面跳回到顶部。 我想知道是否有人知道这是什么原因以及如何解决它，以便页面停留在锚点上。

<button type="submit" class="btn btn-primary" name='search' onClick="location.href='index.php#results'">Search</button>

然后在页面的后面...

<a id="results"></a> 

Answer 1

您已将点击事件侦听器附加到提交按钮。

大概是在表单内部。

单击它会引发事件，运行JS，然后提交表单（因为这是提交按钮的目的）。

如果要链接到页面的另一部分，请使用链接。 如果您希望它看起来像一个按钮，请使用CSS。

<a href="#results" class="btn btn-primary">Scroll to results</a>

---

如果您的目标是：

1. 提交表格
2. 用结果加载页面
3. 然后滚动到锚点

然后看这个问题 。

Answer 2

您需要使用<a>标记内的按钮

<a href="index.php#results">
  Search <button type="submit" class="btn btn-primary" name='search' />
</a>