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

Posted 2021-04-18

各位晚上好，

我有一个两难的问题，我无法自己解决。我有一个有两页的网页。该菜单包含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>

答案

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

例如：

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>