关于使用固定导航a标签跳锚点时产生问题的解决方法

1、导航固定在头部，a标签跳锚点时，偏移问题。

只适用于在当前页面内的锚点跳转

html部分代码：

<ul class="nav">
     <li class="dropdown action">
         <a data-ajax="false" href="index.php" class="dropdown-toggle">网站首页</a>
     </li>
     <li class="dropdown">
       <a data-ajax="false" onclick="goto(this)" href="index.php#aboutUs" class="dropdown-toggle" name="#aboutUs">关于我们</a>
      </li>
</ul>

js部分代码：

function goto(th){
    var divName = $(th).attr("name");
    if( divName == '#aboutUs'){
       $("html, body").animate({scrollTop: $(divName ).offset().top - 100 + "px"}, 100);
    }else{
       $("html, body").animate({scrollTop: $(divName ).offset().top - 68 + "px"}, 100);
    }
}

---

2、跨页面–a标签跳锚点时，偏移问题。

$(function(){
    $(window).hashchange(function(){
        var hash = $(location.hash);
        if( hash.selector == '#aboutUs'){
            $("html, body").animate({scrollTop: $(hash.selector).offset().top - 100 + "px"}, 100);
        }else{
            $("html, body").animate({scrollTop: $(hash.selector).offset().top - 68 + "px"}, 100);
        }
    });
    $(window).hashchange();
})
function goto(th){
    var divName = $(th).attr("name");
    hashA();
}
function hashA(){
    var hash = window.location.hash;
    if( hash == '#aboutUs'){
        $("html, body").animate({scrollTop: $(hash).offset().top - 100 + "px"}, 100);
    }else{
        $("html, body").animate({scrollTop: $(hash).offset().top - 68 + "px"}, 100);
    }
}

---

注:

• 之前不写$(window).hashchange();时，每次都是获取到的是上一次点击之后的hash值。应该是执行顺序的问题，不明白怎么在点击事件完成之后，执行函数，所以才用了这种方式。
• 代码具体应用时，具体问题具体分析。

希望有同学们看到之后可以解答，感谢。