window.location.reloadの後にアンカーリンクに移動します。

Question

ハッシュを更新してからページをリロードしようとしています。

$('a[name="' + fragment + '"]').remove(); //don't jump before window reloads 
window.location.hash = fragment; 
window.location.reload(true); 

アンロードタグの後にウィンドウがジャンプしません。どうすれば修正できますか？

Answer 1

MOZILLA DEVELOPER NETWORKはreplaceを使用することをお勧め：

function reloadPageWithHash() { 
    var initialPage = window.location.pathname; 
    window.location.replace('http://example.com/#' + initialPage); 
} 

Answer 2

これは、ページをリロードしている場合はjQueryで実現するのはかなり簡単です。ページを読み込むときには、window.location.hashプロパティをチェックするだけです。

$(document).ready(function() { 
    if(window.location.hash) { // just in case there is no hash 
     $(document.body).animate({ 
      'scrollTop': $(window.location.hash).offset().top 
     }, 2000); 
    } 
}); 

あなたのハッシュがスクロールしている要素のIDと一致することが唯一の警告です。

デモhere

Answer 3

@Tim S.私の意図は、あなたの雷けどを盗むためではない絶対にあなたの非常に低いキーコメントが正常に越え、シンプルきれいで、テストとして、上記のこの質問への最適解が私の意見でありますさまざまなブラウザ。 （URLは現在のページできる場所 - 必要に応じて、または異なる1）

window.location.href = url#anchor