Javascript向下滚动onclick到页面上的某个部分或div

Question

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

我有一个页面，其中有不同的运动成绩预览。

例

回合-1有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

请先尝试搜索网站已经存在

How to scroll to specific item using jQuery?

你也可以使用HTML使用锚和你的回合id属性的答案。

<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> 

这将实现您的要求。