大家晚上好
我有一个两难的困境,我自己无法解决。我有一个包含两页的网页。菜单包含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>
答案 0 :(得分:1)
导航到页面中的特定位置是可行的,因为目标需要在目标上设置id
属性,并且导航链接需要包含#ID
(其中ID替换为实际值)您已经在目标位置设置的id
属性的值)。为了能够在两个方向的页面之间移动,每个页面都需要在目的地点建立带有id
的元素,并且每个页面都需要预先配置链接以转到另一页面上的那些目的地。 / p>
例如:
<p id="page1destination">Some good stuff here</p>
<a href="page2.html#page2desination">Go to pre-confiured spot on page 2</a>
<p id="page2destination">Some good stuff here</p>
<a href="page1.html#page1desination">Go to pre-confiured spot on page 1</a>