单击按钮时,我具有一个指向锚的onClick函数。当您单击按钮时,您会看到#出现在url中,页面迅速跳转到锚点,但是url中的#消失了,页面跳回到顶部。我想知道是否有人知道这是什么原因以及如何解决它,以使页面停留在锚点上。
<button type="submit" class="btn btn-primary" name='search' onClick="location.href='index.php#results'">Search</button>
然后在页面的后面...
<a id="results"></a>
答案 0 :(得分:1)
您已将点击事件侦听器附加到提交按钮上。
大概是在表单内部。
单击它会触发事件,运行JS,然后提交表单(因为这是提交按钮的目的)。
如果要链接到页面的另一部分,请使用链接。如果您希望它看起来像一个按钮,请使用CSS。
<a href="#results" class="btn btn-primary">Scroll to results</a>
如果您的目标是:
然后参见this question。
答案 1 :(得分:-1)
您需要使用<a>
标签内的按钮
<a href="index.php#results">
Search <button type="submit" class="btn btn-primary" name='search' />
</a>