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

时间:2014-02-26 02:32:27

标签: javascript jquery html

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

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

示例

Round-1有7个灯具,我将在这些灯具上写7个预览。 Round-2有7个灯具,我将在这些灯具上写7个预览。 你明白了。

问题

现在我的问题是页面变得非常长,超过了20,000字以上。

我不想让用户滚动到最新一轮的页面底部,我想将这些轮子添加到页面顶部,用户只需单击所需的轮次,它就会自动滚动到包含该特定回合的div。

我确信这可以轻松完成,但在Javascript方面我是一个完整的新手。

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

3 个答案:

答案 0 :(得分:1)

你不需要javascript,在HTML中你可以链接到灯具的id。类似的东西:

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

答案 1 :(得分:0)

请先尝试在网站上搜索已有的答案

How to scroll to specific item using jQuery?

你也可以在你的回合中使用锚点和id属性来使用html。

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

答案 2 :(得分:-1)

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

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

这里round1是div的Id,用于实际的圆形描述。 然后..

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

这将满足您的要求。