从另一个页面链接到页面的特定部分而无法使用某些链接

时间:2018-07-09 02:50:06

标签: html5

我有一个非常基本的引导单页文档(index.html),其中包含指向单独的联系页面(contact.html)的链接。我在同一个页面上使用部分ID从导航栏链接到index.html上的特定部分。在这里一切都很好。

我将导航栏复制到联系页面,并更改了链接以引用主页(“ index.html#section id”)。不知道为什么,但是联系页面上的这些链接中只有1个实际上将我带到index.html页面的右侧。有效的链接与我们有关。我们的服务和团队的其他2个都转到index.html页面,但不要转到页面的右侧。

在联系人页面的导航栏中,提供以下代码:                 

        <div class="right-col pull-right">
          <!-- Main Menu -->

          <nav class="main-menu">
            <div class="navbar-header">
              <!-- Toggle Button --><button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
            </div>

            <div class="navbar-collapse collapse clearfix">
              <ul class="navigation clearfix">

                <li>
                  <a href="index.html">Home</a>
                    </li>
                 <li>
                  <a href="index.html#about us">About Us</a>
                    </li>

       <li>
                  <a href="index.html#services">Our Services</a>
                </li>

       <li>
                  <a href="index.html#our team">Our Team</a>
                </li>

                <li>
                  <a href="contact.html">Contact</a>
                </li>
              </ul>
            </div>
          </nav>

          <!-- Main Menu End-->
        </div>
      </div>
    </div>
    <!--End Sticky Header-->
  </header>
  <!--End Main Header -->

0 个答案:

没有答案