Javascript向下滾動onclick到頁面的某個部分或div

Question

我不確定這是否是重復的問題，因為我已經搜索了類似的問題，但是答案並不是我真正想要的。

我有一個頁面，其中包含有關不同運動結果的預覽。

例

第一輪比賽有7個裝置，我將在這些裝置上編寫7個預覽。 第二輪比賽有7個裝置，我將在這些裝置上編寫7個預覽。 你明白了。

問題

現在我的問題是頁面變得很長，超過20'000個單詞。

無需用戶滾動到頁面的底部來獲取最新一輪，我想將這些輪添加到頁面的頂部，用戶可以在其中單擊所需的輪，它將自動滾動到包含該輪的div具體回合。

我敢肯定，這很容易做到，但是在涉及Javascript時，我是一個新手。

如果有人可以給我一些建議，或為我指出正確的方向，將不勝感激。

Answer 1

您不需要使用javascript，可以在HTML中鏈接到燈具的ID。 就像是：

 <a href="#fixture1">link to fixture1</a>
 more content...
 <div id="fixture1">Something here</div>

Answer 2

請嘗試首先在網站上搜索已經存在的答案

如何使用jQuery滾動到特定項目？

您還可以在回合中使用錨和id屬性使用html。

<a href="#round1">go to round 1</a>
<div id="round1"></div>

Answer 3

您可以使用以下代碼執行此操作。 使用定位標記在頁面頂部列出您的圓形標題。 像這樣

<a href="#round1">Round1</a>

這里round1是您的實際回合描述的div的ID。 接着..

<div id="round1">actual round description</div>

這將滿足您的要求。