我正在使用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);
});