导航栏中固定定位挡住锚点链接的解决方法

技术教程 · 2019-04-02

html如下:

<a href="javascript:void(0)" onclick="locateAt('testID')" ">锚点锚点</a>

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);  
}
Theme Jasmine by Kent Liao