iOS上のChrome。バック/フォワードはhistory.pushStateで動作しませんか？

Question

history.pushStateとフラグメント識別子（すなわち、#Heading1）とjQueryのanimateメソッドを使用してドキュメント内を移動するWebページがあります。

これは私が文書内の場所に移動する方法です：

$('nav a').click(function(e){ 
    e.preventDefault(); 
    var href = $(this).attr('href'); 
    history.pushState(null, null, href); 
    $('#address').val(location.pathname + href); 

    $('html, body').animate({ 
    'scrollTop': $(href).offset().top + 'px' 
    }); 

のiOS上でGoogle Chromeを使用するには、「予想通りのアドレスが更新され、スクロールのアニメーションが正常に動作しますが、戻る/進むボタンがドン特定されたタグに移動します。

バック/フォワードボタンを使用すると、アドレスバーのURLはに変更されます。それは特定されたタグには行かない。

私はこの問題をiOSのGoogle Chromeでのみ見てきました。 iPhoneとiPadの両方。

私は問題を示さなければならない私のコードのサブセットでCodePenでペンを作成しました：私は作るために私のペンを更新しました
：http://codepen.io/Ghodmode/pen/YqKGga

---

更新iPhone/iPadでのテストは少し楽です。これは、デバッグビューを使用することも、おそらく良いでしょう：http://s.codepen.io/Ghodmode/debug/YqKGga

---

---

アップデート2：私は、問題を実証しなければならないCodePenで別のページを作成しました
。今度はjQueryを使わないで：http://s.codepen.io/Ghodmode/debug/jqOqpq

私はiPhone/iPadに直接アクセスできないため、これはまだテストできませんでしたが、問題はjQueryとは関係ないと思います。

---

それは上で正常に動作します：アンドロイドにiPhone/iPadで

• サファリ
• Google Chromeを
• Mozilla FirefoxのAndroidの
上
• Google ChromeのWindowsの
• Mozilla Firefoxの上にWindows
• Windows上のInternet Explorer

私は個人的にこれをテストするiOSデバイスはありませんが、私は信頼できるテスターに​​私にビデオやスクリーンショットを送ってもらうことに注意してください。

アニメーションが期待通りに機能するので、jQueryの問題のようには見えません。

Answer 1

iOSには、HTML5履歴APIのバグはほとんどありません。

あなたが試してみました：

window.addEventListener("popstate", function(e) { 
    window.location.href = location.href; 
}); 

をこのプラグインは、（たとえ背景読書のための）いくつかの使用History.jsのものであってもよいです。これはブラウザ間の互換性の問題を解決し、必要に応じてオプションのHTML4ハッシュフォールバックを提供します