返回主页后,使用外部链接平滑滚动

时间:2015-07-21 17:28:01

标签: jquery html codeigniter

我正在使用codeigniter。我在同一页面中包含了四个内容,并且平滑滚动。当我在进入另一页后返回时,由于我在href中为“反馈”添加了<?php echo base_url('');?>,因此无法获得正确的平滑滚动。其他人正在努力工作,因为我只是为了这个。 以下是我的代码,

Html代码:

<div class="collapse navbar-collapse menu-header-menu-container" id="brn-navbar-collapse-1"> 
      <ul class="nav navbar-nav navbar-right">
        <!--<li><a href="#brn-promo" title="Home">Home</a></li>-->
        <li><a href="#brn-overview" title="Overview">Overview</a></li>
        <li><a href="#brn-features" title="Features">Features</a></li>
        <li><a href="#brn-gallery" title="Gallery">Gallery</a></li>
        <li><a href="<?php echo base_url('');?>#brn-feedback" title="Feedback">Feedback</a></li>
        <li><a href="<?php echo base_url('');?>calculator_controll/about" title="About">About</a></li>
        <li><a href="<?php echo base_url('');?>calculator_controll/glossary" title="Glossary">Glossary</a></li>
        <li><a href="<?php echo base_url('');?>calculator_controll/faqs" title="Faqs">Faqs</a></li>
        <li><a href="<?php echo base_url('');?>calculator_controll/disclaimer" title="Disclaimer">Disclaimer</a></li>
      </ul> 
    </div>

Jquery代码:

$(".navbar-barnaul").find("a[href^='#']").on('click', function(e) {

    e.preventDefault();
    e.defaultPrevented;

    $('html, body').animate({
       scrollTop: $(this.hash).offset().top-75}, 1000);

});

0 个答案:

没有答案