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

时间:2018-06-30 22:49:51

标签: javascript html

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

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

然后在页面的后面...

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

2 个答案:

答案 0 :(得分:1)

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

大概是在表单内部。

单击它会触发事件,运行JS,然后提交表单(因为这是提交按钮的目的)。

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

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

如果您的目标是:

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

然后参见this question

答案 1 :(得分:-1)

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

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