js仿锚点效果

 
<div class="menubar">
    <ul>
        <li class="actived"><a href="#family_part">家庭相册</a></li>
	<li><a href="#acGroup">官网活动群</a></li>
	<li><a href="#tips_part">小常识</a></li>
	<li><a href="#angel_part">天使片客</a></li>
    </ul>
</div>

  


$('.menubar a').on('click', function(event) {   event.preventDefault();   var href = $(this).attr('href');   var offsetTop;   offsetTop = $(href).offset().top - ($('header').height()*1.5);   $('html, body').animate({ scrollTop : offsetTop }, { queue: false, duration: 800   });
});

 

posted on 2017-04-26 17:27  晓小东  阅读(217)  评论(0)    收藏  举报

导航