Блог

Главная - Вопросы по программированию - Ссылки на меню гамбургера не работают должным образом

Ссылки на меню гамбургера не работают должным образом

#html #mobile #menu #navigation

#HTML #Мобильный #меню #навигация

Вопрос:

Я создаю веб-сайт, который должен быть отзывчивым: на экранах мобильных устройств должно появиться меню гамбургера. Он работает правильно на главной странице (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>

Что я делаю не так?

Комментарии:

1. Не могли бы вы, пожалуйста, изменить href="index.html#home-section" на href="#home-section" и посмотреть, работает ли это?

2. Привет, это не сработает, потому что (#home-section) существует только в «index.html » страница.