html样式如下:
<li class="list"><a href="javascript:void(0)" οnclick="locateAt('nte')" ">积分落户</a></li>
<li class="list"><a href="javascript:void(0)" οnclick="locateAt('ign')">在线报名</a></li>
<li class="list"><a href="javascript:void(0)" οnclick="locateAt('contact')">联系我们</a></li>
JavaScript代码如下:
function locateAt(e){
e = document.getElementById(e);/*以id命名的锚点*/
y = e.offsetTop;
while(e=e.offsetParent){ y += e.offsetTop;}
y-=97;/*悬浮菜单的高度*/
window.scrollTo(0,y);
}
按照上面的步骤就可以解决
position:fixed对锚点定位的高度塌陷的问题 ,JavaScript代码中的y表示的是导航栏的高度,也就是定位时位置塌陷的高度