锚标记直接链接需要覆盖

Question

http://2012.delineamultimedia.com/#home_contact

我知道这有点老套，但是我需要这个链接和其他锚标签来做同样的事情。 当转到此链接时，页面（部分）的标题被屏蔽，因为固定导航覆盖了内容...

我正在使用 scrollto jQuery 插件，并在它到达时给它一个负边距顶部以补偿固定导航......这是一个例子......

<script type="text/javascript">
$(function() {
  $('ul.nav a').bind('click',function(event){
    var $anchor = $(this);

     $('html, body').stop().animate({
     scrollTop: $($anchor.attr('href')).offset().top-139
     }, 1500,'easeOutBounce');

     event.preventDefault();
     });
 });
</script>

问题是这仅在触发滚动功能时才有效。因此，我一直在尝试执行以下操作，我需要帮助才能使其正常工作，以便当有人直接链接到哈希标签 http://2012.delineamultimedia.com/#home_contact 或任何其他人时，页面知道向下移动额外的空间以便它清除导航。

<script type="text/javascript">
$(document).ready(function(){
function checkHash() {
    if (location.hash === "#home_contact") {
        navClick('#home_contact');
    }
    else if (location.hash === "#/index.html") {
        navClick('index.html');
    }
}
window.onhashchange = checkHash;
window.onload = checkHash;
});
</script>

这样做的目的是在单击哈希链接时激活 navItem。出于某种原因，这不起作用，任何人都可以帮我让它工作吗？在此先感谢您的时间！我希望这是有道理的，很难解释。

Answer 1

我会搭载您现有的功能。在页面加载时触发导航上的点击事件。

 $(document).ready(function(){
       switch(location.hash){
             case '#home_contact':
                 $('a.contact-nav').trigger('click');
                 break;
             default:
                 $('#top_logo a').trigger('click');
                 break;
       };     
 });

换句话说。点击您的导航已经可以工作，您可以重复使用该功能。