如何路由到具有下拉菜单的页面

Question

我有一个有下拉菜单的网站，我想路由到下拉菜单的主页，然后我可以导航到页面的特定部分

说明：我有一个名为“成就”的页面，在该页面中，我有一个下拉菜单，当我单击成就时，它应该重定向到该页面，然后使用该下拉菜单，我将移至该特定部分

代码下方：

<li class="dropdown sm-scrn">

      <a class="dropdown-toggle" data-toggle="dropdown" 

             aria-expanded="true" data-hover="dropdown" href="https://www.innovkraft.com/">

                                    Achievements

       </a>

       <ul class="dropdown-menu">

           <li><a href="">Awards & Recognition</a></li>

           <li><a href="">Academic Achievements</a></li>

           <li><a href="">Transport Service</a></li>

           <li><a href="">RCIS in media</a></li>

           <li><a href="">News & Events</a></li>

        </ul>

首先，我需要导航到主页，然后我可以使用下拉菜单移动到特定部分。

如何解决？

Answer 1

您可以使用该id部分的 导航到特定部分。<li class="dropdown sm-scrn">&nbsp; &nbsp; &nbsp; <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" data-hover="dropdown" href="https://www.innovkraft.com/achievements">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Achievements&nbsp; &nbsp; &nbsp; </a>&nbsp; &nbsp; &nbsp; <ul class="dropdown-menu">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="https://www.innovkraft.com/achievements/#id-of-awards-section">Awards & Recognition</a></li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="https://www.innovkraft.com/achievements/#id-of-academic-section">Academic Achievements</a></li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="https://www.innovkraft.com/achievements/#id-of-transport-section">Transport Service</a></li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="https://www.innovkraft.com/achievements/#id-of-RCIS-section">RCIS in media</a></li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="https://www.innovkraft.com/achievements/#id-of-news-section">News & Events</a></li>&nbsp; &nbsp; &nbsp; &nbsp; </ul></li>如果成就是带有 URL 的页面，https://www.innovkraft.com/achievements那么它的相关部分id将有助于导航。https://www.innovkraft.com/achievements/#id-of-awards-section确保所有部分都有id并且应该与id下拉链接中的匹配。我希望这对你有帮助。