Javascript在单击页面上的某个部分或div时向下滚动

我不确定这是否是一个重复的问题，因为我已经搜索了类似的问题，但答案并不是我真正想要的

我有一个页面展示了不同运动成绩的预览

示例

第一轮有7个装置，我将在这些装置上写7个预览。 第二轮有7个装置，我将在这些装置上写7个预览。 你明白了

问题

现在我的问题是页面变得相当长，超过20000字

用户不必为最新一轮滚动到页面底部，我想将轮添加到页面顶部，用户只需单击所需的轮，它就会自动滚动到包含该特定轮的div

我相信这是很容易做到的，但对于Javascript，我是一个完全的新手

---

如果有人能给我一些建议，或者给我指出正确的方向，我将不胜感激。

你不需要javascript，在HTML中你可以链接到夹具的id。比如：

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

更多内容。。。
这里有东西

请先尝试搜索网站，以查找已存在的答案

您也可以在回合中使用锚定和id属性来使用html

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

---

您可以使用以下代码执行此操作。使用锚定标记在页面顶部列出您的圆形标题。像这样

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

这里round1是div的Id，用于实际的轮描述。 然后

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

实际轮描述

---

这将满足您的要求。

我认为您可以使用平面HTML来实现这一点。参考链接。你以11秒的优势击败了我！：）这与其他两个答案不同吗？