HTML链接向下滚动页面

时间:2015-06-10 13:31:02

标签: html hyperlink

     <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链接有疑问。我在上面显示的代码中添加了最后一行。如果我点击足球链接,页面将向下滚动到底部,并显示足球信息。我想点击篮球链接,然后向下滚动并向我显示篮球页面。我正在更新索引文件。有什么好的解决方案吗?感谢。

2 个答案:

答案 0 :(得分:1)

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

对于所有工作链接,您可能会在标记上看到id="gaelic",您需要添加其中一个用于篮球。

答案 1 :(得分:0)

您当然可以像上一张一样添加<a href="#basketball"></a>