Question

我正在制作一个应该具有响应性的网站：在移动屏幕上，应该会出现一个汉堡菜单。它在主页 (index.html) 上正常工作，当我单击链接时，它会准确地滚动到我在同一页面上想要的部分。到目前为止一切顺利。

但是当我导航到网站的另一个页面（因为它有多个页面）并尝试浏览汉堡包菜单时，它变得很奇怪：当我单击菜单中的链接时，URL 会自动更改为以下模式：NAME_OF_CURRENT_PAGE#SECTION_NAME 而不是：INDEX.HTML#SECTION_NAME，因为我希望每次用户点击移动菜单（汉堡菜单）中的链接时，它都会将他/她带到主页上的专用部分（ index.html）。

我应该提到在桌面版本上一切正常。

代码：

 <div class="col-12 col-md-10 d-none d-xl-block">
            <nav class="site-navigation position-relative text-right" role="navigation">

              <ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block">
                <li><a class="linka nav-link" href="index.html#home-section">Home</a></li>
                <li><a class="linka nav-link" href="index.html#about-section">About</a></li>
                <li><a class="linka nav-link" href="index.html#team-section">Team</a></li>
                <li><a class="linka nav-link" href="index.html#services-section">Services</a></li>
                <li><a class="linka nav-link" href="index.html#partners-section">Partners</a></li>
                <li><a class="linka nav-link" href="index.html#contact-section">Contact</a></li>
              </ul>
            </nav>
          </nav>
          </div>


          <div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-black float-right"><span class="icon-menu h3"></span></a></div>

        </div>

我做错了什么？

汉堡菜单链接无法正常工作

0 个答案: