锚点链接跳转后位置偏移的方法

<div>
<ul>
<li><a href="javascript:;" class="sbtn"  navTo="#">网站首页</a></li>
<li><a href="javascript:;" class="sbtn"  navTo="floor2">服务支持</a></li>
<li><a href="javascript:;" class="sbtn"  navTo="floor3">关于我们</a></li>
<li><a href="javascript:;" class="sbtn"  navTo="floor4">联系我们</a></li>
</ul>
</div>
<div class="floor" id="floor1"></div>
<div class="floor" id="floor2"></div>
<div class="floor" id="floor3"></div>
<div class="floor" id="floor4"></div>
JS部分:分类处理,navTo="#"和navTo=name。
<script>
$(function(){
var winwidth =$(window).width();
$('.sbtn').click(function() {
	var navto = $(this).attr('navto');
	if(navto != "#") {
		var $div = $('#' + navto);
		var top = $div.offset().top || 0;
		$('html,body').animate({
			'scroll-top': top - 99
		}, 500);
	} else {
		$('html,body').animate({
			'scroll-top': 0
		}, 500);
	}

});	
})
</script>

发表评论