Jquery UI选项卡直接链接问题

Question

我正在使用JQuery UI标签页面，我的客户端要求每个标签都有一个直接链接。我用以下代码解决了这个问题：

$(function() {
    $("#tabs").tabs();
    $("#tabs").bind('tabsshow',function(event, ui) {
        window.location = ui.tab;
    })
});

现在，当用户点击每个标签时，网址会显示为：http://url.com/#tablink，然后该用户可以将该网址加入书签，但浏览器会自动向下滚动到#ID所在的位置，这很烦人。当用户通过添加以下JQuery代码计时选项卡时，我能够覆盖它：

$(".tab-set ul li a").click(function(e) {
    window.scrollTo(0,0);
});

但是，当直接在地址栏中输入URL而不是单击选项卡时，我找不到可以避免此操作的内容。我尝试了以下但是它不起作用：

        window.onload = scroll(0,0);

和

        window.onload = scrollTo(0,0);

Answer 1

怎么样？

$(function(){
    $.scrollTo('0px');
    //or
    $.scrollTo('body',0);
});

Answer 2

这是滚动到哈希的默认浏览器行为。

你可以试试这个。

$(function(){
    if(location.hash && location.hash == "#your-tab-id-name-here") {
        $('html, body').animate({scrollTop:0}, 0);
    }
});