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

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">

      <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" data-hover="dropdown" href="https://www.innovkraft.com/achievements">

            Achievements

      </a>

      <ul class="dropdown-menu">

           <li><a href="https://www.innovkraft.com/achievements/#id-of-awards-section">Awards & Recognition</a></li>

           <li><a href="https://www.innovkraft.com/achievements/#id-of-academic-section">Academic Achievements</a></li>

           <li><a href="https://www.innovkraft.com/achievements/#id-of-transport-section">Transport Service</a></li>

           <li><a href="https://www.innovkraft.com/achievements/#id-of-RCIS-section">RCIS in media</a></li>

           <li><a href="https://www.innovkraft.com/achievements/#id-of-news-section">News & Events</a></li>

        </ul>

</li>

如果成就是带有 URL 的页面，https://www.innovkraft.com/achievements那么它的相关部分id将有助于导航。

https://www.innovkraft.com/achievements/#id-of-awards-section

确保所有部分都有id并且应该与id下拉链接中的匹配。

我希望这对你有帮助。