jquery - ハッシュ付きの URL でタブを開くことを許可しますが、スクロールは禁止しますか?

Question

次のように、各タブが URL にハッシュを追加する jQuery のタブ付き要素があります。

www.mysite.com/services#one
www.mysite.com/services#two
www.mysite.com/services#three

その要素 (タブ) にスクロールするという既定のブラウザー動作を防止したいのですが、これは preventDefault で実行できます。

ただし、特定のタブが既に開いているページにリンクする機能も維持したいと考えています。したがって、www.mysite.com/services#three にアクセスすると、3 番目のタブが開いた状態でそのページに移動するはずですが、ページ内のその位置までスクロールすることはできません。

可能？

Answer 1

正確には不可能ですが、フラグメントに基づいてページが読み込まれると、タブを開くことができます。

//bind click events above

//assumes that ID of tab is the same as the fragment
$(window.location.hash).click();

//scroll to the top, if you really want/need to:
$(window).scrollTop(0);

Answer 2

これに対する解決策が考えられます。

$(document).ready(function() {
  $.scrollTo('0px');
});

ソース