アンカーリンクページのセクションを参照して、ブラウザの更新、逆順および転送では機能しません。

Question

ページ内にリンク付きのhtmlページを作成しました。

<div> 
<a href="#first">first</a> 
<a href="#second">second</a> 
<div id="first">First div</div> 
<div id="second">Second div</div> 
</div> 

しかし、このコードはページの更新やブラウザの前後のボタンでは機能しません。 誰もこの問題を解決する方法を知っていますか？私はhtml5のヒストリーAPIとjqueryのヒストリープラグインを探していません。これを基本的な形式で作成します。

Answer 1

私は多くの試みの後でそれを行う方法を見つけました。今私の目的を扱うので、私はこの解決策を進めていきます。

$(window).on('hashchange', function() 
{ 
    var top = $(window.location.hash).offset().top; 
    $(window).scrollTop(top); 
} 

これは、フォワードボタンとバックボタンに有効です。リフレッシュするためにも、同じことをする必要があります。ハッシュから要素を取得し、その要素に手動でスクロールします。