Переход от другой страницы к привязанным ссылкам - PullRequest
Новая
       21

Переход от другой страницы к привязанным ссылкам

0 голосов
/ 01 сентября 2018

Добрый вечер всем,

У меня есть дилемма, которую я не могу решить самостоятельно. У меня есть веб-страница с двумя страницами. Меню содержит 5 элементов, 4 из которых перемещаются с помощью якорей, а второй - вторая страница. Проблема возникает, когда я пытаюсь перейти со второй страницы к какому-то элементу меню, который привязан и, следовательно, недоступен. Привязанная навигация работает отлично, если я на первой странице, где находятся эти якоря. Как я могу решить эту проблему? Надеюсь, кто-нибудь может мне помочь!

ОБНОВЛЕНИЕ: добавлен код, надеюсь, теперь моя проблема прояснилась. 

<div class="col-md-auto">
  <button class="top-menu-hamburger"><i class="fas fa-bars"></i></button>
  <ul class="top-nav-menu" id="top-nav-menu">
    <!-- 1st page -->
    <li><a href="website.com#about-us">About Us</a></li>
    <li><a href="website.com#course">Course</a></li>
    <!-- 2nd page -->
    <li><a href="website.com/our-blog/">Our Blog</a></li>
  </ul>
</div>
<!-- 1st page -->
<div id="about-us_header">
  <h2 class="about-us" class="font-size:2.0rem">We believe that it is necessary not only to READ about your teacher, but to HEAR him as well.</h2>
</div>
<div id="course">
  <h2 class="course-text" class="font-size:2.0rem">We believe that it is necessary not only to READ about your teacher, but to HEAR him as well.</h2>
</div>

1 Ответ

0 голосов
/ 01 сентября 2018

Навигация в определенное место на странице работает, потому что для получателей должны быть настроены атрибуты id, а ссылки, по которым нужно перемещаться, должны включать #ID (где идентификатор заменяется фактическим значением * 1003). * атрибут, который вы уже настроили в пункте назначения). Чтобы иметь возможность перемещаться между страницами в обоих направлениях, на каждой странице должны быть элементы с id s, установленные в пунктах назначения, и каждая страница должна иметь предварительно настроенные ссылки для перехода к этим пунктам назначения на другой странице.

Например:

page1.html 

<p id="page1destination">Some good stuff here</p>
<a href="page2.html#page2desination">Go to pre-confiured spot on page 2</a>

Page2.html 

<p id="page2destination">Some good stuff here</p>
<a href="page1.html#page1desination">Go to pre-confiured spot on page 1</a>
...