我不确定这是否是一个重复的问题,因为我搜索了类似的问题,但答案并不是我真正想要的。
我有一个页面,其中包含不同运动成绩的预览。
示例
Round-1有7个灯具,我将在这些灯具上写7个预览。 Round-2有7个灯具,我将在这些灯具上写7个预览。 你明白了。
问题
现在我的问题是页面变得非常长,超过了20,000字以上。
我不想让用户滚动到最新一轮的页面底部,我想将这些轮子添加到页面顶部,用户只需单击所需的轮次,它就会自动滚动到包含该特定回合的div。
我确信这可以轻松完成,但在Javascript方面我是一个完整的新手。
如果有人能给我一些建议,或者指出我正确的方向,我们将不胜感激。
答案 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>
这将满足您的要求。