HTML link 向下滚动页面

Question

     <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 link 的问题。我在上面显示的代码中添加了最后一行。如果我点击足球 link，页面将向下滚动到底部并显示足球信息。我想单击篮球 link 并让它向下滚动并显示篮球页面。我正在更新索引文件。有什么好的解决办法吗？谢谢

Answer 1

你需要把锚点放在目的地。

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

Answer 2

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

HTML link 向下滚动页面

HTML link scroll down the page

html

hyperlink