Javascript转到主页

时间:2017-09-13 10:15:27

标签: javascript php jquery html

我需要纠正PHP项目中的某些内容。 我有两个页面,home.phppage1.php。 我有一个header.php,它在两个页面(home.phppage1.php)中呈现。

enter image description here

问题是当我在page1.PHP时,标题中的链接不起作用。它应该转到主页并滚动到单击的部分。

如果我点击导航按钮将我带到主页,你可以帮助我如何使它在javascript或jquery中工作。

在主页中,如果我点击导航按钮,它将滚动到所需的部分。这个问题在' header.php':

中得到了解决
jQuery('a[href^="#"]').on('click', function (e) {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = jQuery(this.hash);
      target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');

      var calculatedHeight = jQuery(".tip-top.fixed").length ? 120 : 230;
      if (target.length) {
        jQuery('html,body').animate({
          scrollTop: target.offset().top - calculatedHeight
        }, 700);
        return false;
      }
    }
});

以下是这些部分:

    <ul class="nav list-inline visible-lg visible-md clearfix pull-right nav-pills main-menu">
         <li><a href="#panel-two">Clients</a></li>
         <li><a href="#panel-three">Case studies</a></li>
         <li><a href="#panel-for">Capabilities</a></li>
         <li><a href="#panel-nine">Team</a></li>
         <li><a href="#footer-container-1">Contact</a></li>
   </ul>

当我在page1.php并点击导航链接时,会在网址中显示应该带我的部分名称:

http://localhost/ppi/teszt/#panel-nine

你能帮我解决一下这个问题吗?

0 个答案:

没有答案