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>