HTML链接向下滚动页面

-2

 <div class="menu right-float clearfix"> 
    <nav id="main-nav"> 
    <ul> 
    <li class="current-menu-item"><a href="#home" class="scroll-to">Home</a></li> 
    <li><a href="#gaelic" class="scroll-to">Gaelic Sports</a></li> 
    <li><a href="#soccer" class="scroll-to">Soccer</a></li> 
    <li><a href="#cricket" class="scroll-to">India Cricket</a></li> 
    <li><a href="#contact" class="scroll-to">Contact</a></li> 
     <li><a href="#basket" class="scroll-to">BasketBall</a></li> 
    </ul> 
</nav> 
<nav id="menu-controls"> 
    <ul> 
    <li class="current-menu-item"><a href="#home" class="scroll-to"><span class="c-dot"></span><span class="c-name">Home</span></a></li> 
    <li><a href="#gaelic" class="scroll-to"><span class="c-dot"></span><span class="c-name">Gaelic Sports</span></a></li> 
    <li><a href="#soccer" class="scroll-to"><span class="c-dot"></span><span class="c-name">Soccer</span></a></li> 
    <li><a href="#cricket" class="scroll-to"><span class="c-dot"></span><span class="c-name">India Cricket</span></a></li> 
    <li><a href="#contact" class="scroll-to"><span class="c-dot"></span><span class="c-name">Contact</span></a></li> 
    <li><a href="#basket" class="scroll-to"><span class="c-dot"></span><span class="c-name">BasketBall</span></a></li> 

</ul>

HTML链接向下滚动页面

我有一个关于HTML链接的问题。我在上面的代码中添加了最后一行。如果我点击足球链接，网页将向下滚动到底部，并向我显示足球信息。我想点击篮球链接并让它向下滚动并显示篮球页面。我正在更新索引文件。有没有什么好的解决方案？谢谢。

来源

2015-06-10 barry

所有的链接工作完美接受篮球，我补充了我自己。 – barry

你可以做这样的事情http://jsfiddle.net/r03jz112/2/ –

你制作了一个篮子的HTML页面吗？是否有任何链接与HTML页面相关联？请提供更多信息。 –

你当然可以像前一个一样添加<a href="#basketball"></a>。

来源

2015-06-10 13:37:28 Ernest

feed-from-the-field.com是我正在更新的网站 – barry

您需要将锚点放在目的地。

对于所有的工作环节，你可能会看到一个id="gaelic"在标签上，你需要添加下列内容之一的篮球。

来源

2015-06-10 13:37:01

是否有一个CSS文件，因为我不能找到这个链接在哪里？ – barry

链接目标中的'＃'符号指向您正在处理的页面上的标记;该页面将滚动以便标签可见。如果该页面上没有“篮球”ID，则浏览器不会滚动它。 –

HTML链接向下滚动页面

回答

相关问题