从另一个页面导航到锚定链接

时间:2018-09-01 19:30:59

标签: html navigation anchor

大家晚上好

我有一个两难的困境,我自己无法解决。我有一个包含两页的网页。菜单包含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 :(得分:1)

导航到页面中的特定位置是可行的,因为目标需要在目标上设置id属性,并且导航链接需要包含#ID(其中ID替换为实际值)您已经在目标位置设置的id属性的值)。为了能够在两个方向的页面之间移动,每个页面都需要在目的地点建立带有id的元素,并且每个页面都需要预先配置链接以转到另一页面上的那些目的地。 / p>

例如:

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>