尝试通过单击另一页面上的链接来访问页面上的部分时出错

时间:2018-11-14 14:21:27

标签: javascript jquery html css scroll

我试图通过单击其他页面上的链接来访问index.php页面中的部分。 该链接位于导航栏菜单中,当我单击该链接时,它将带我到index.php页面上的某个部分。 以前,此方法效果很好,但现在效果不佳。当我单击链接时,它将带我到另一个部分,而不是我想要的部分。

这是我的导航栏代码:

       <li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll main_a">Leistungen</a></li>
            <li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll main_a">Referenzen</a></li>
            <li class="list_options_Li" id="third_li_main"><a href="https://nivamedia.ch/index.php#agentur" class="smoothScroll main_a">Agentur</a></li>
            <li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll main_a">Kontakt</a></li>

如您所见,这是菜单上的链接:href =“” https://nivamedia.ch/index.php#agentur

这是id = agentur

的部分

enter image description here

这是index.php中agentur部分的代码:

           <section id="agentur">

          <div class="container">
           <div class="row">
           <div class="col-md-12 col-sm-12 text-center">
                <div class="section-title" id="agentur_section_title">
                   <h2 class="heading" id="agentur_h1_title" style= "padding-top: 0px; font-size: 700 !important;">Nivamedia-Digital<br> Agentur in Aarau</h2>
                     <hr align=left style="width: 280px;">
                       </div>
                   </div>
                 </div>
                </div>
           </section>

单击链接时,应该带我到index.php中id = agentur的部分,但这不会发生,而是带我到页面末尾。在此之前,该页面运行良好,但是现在出现了此错误,我不知道它来自哪里。

关于如何解决此问题的任何想法?我已经检查了我的代码,并且看得很好。

为了向您展示更好,您可以转到此链接:https://nivamedia.ch/referenzen.php,然后单击菜单选项“ Agentur”,它应该转到index.php#agentur,但不会发生。

1 个答案:

答案 0 :(得分:0)

为我工作(FF 63)。您是否尝试过清除缓存?尝试使用其他浏览器?尝试使用隐身模式?

此外,您的标记似乎已损坏。这通常会导致锚不起作用(因为浏览器无法识别锚)。 例如。第1510行:

<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>