jQuery单击锚标记防止页面滚动到顶部

Question

我正在做页面转换与jQuery通过淡出内容和淡出当页面加载，但我的问题是当我点击我的链接，并调用我的点击功能和重定向它加载在页面顶部的页面。有没有办法阻止这种行为？这是我的页面转换的点击功能，预先感谢任何帮助！

LINK

<a href="../categories/categories.php"></a> 

jQuery的

$(".content").fadeIn(750); 

$("a").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $(".content").fadeOut(500, redirectPage); 
}); 

function redirectPage() { 
    window.location = linkLocation; 
} 

Answer 1

良好的解决方案：使用历史API与hashbangs后备

不好解决： 作为一种简单的黑客，你可以捕捉当前的滚动位置

$(".content").fadeIn(750); 
    var offset = window.location.href.match(/offset=(\d+)/) 
    if(offset){ 
     $(document).scrollTop(offset[1]) 
    } 
    $("a").click(function(event){ 
     event.preventDefault(); 
     linkLocation = this.href + "?offset="+$(document).scrollTop();//pay 
//special attentions to this line will work only for a link without get parameters. 
     $(".content").fadeOut(500, redirectPage); 
    }); 

    function redirectPage() { 
     window.location = linkLocation; 
    }