iPhoneでiframe内のリンクを押下して遷移し、左から右にスワイプしてブラウザバックするとフリーズする

Question

#不具合の現象
##環境
iPhone Xs MAX（iOS12.1）

##再現方法

1. 下記サンプルページをSafariで開き、iframeの中のリンクをタップするとiframe内がページ遷移します
2. 次に、前のページに戻ろうと画面の左から右にスワイプすると、前のページには戻りますがブラウザがフリーズしてしまいます。

※Safariの下部にある戻るボタンを押下した際はフリーズしないで操作することができました。

サンプルページ

#やってみたこと

• no-cacheが原因かもしれないと思ったので、サーバ側でキャッシュするように変更（改善されませんでした。）
• HTMLのmetaタグを使用してキャッシュさせるように修正（HTML5では使えないタグなので、効果はありませんでした。）
• JavaScriptでページ遷移する前にiframeのsrc属性に表示しているiframe内のページURLを挿入（改善されませんでした）
• JavaScriptでブラウザバックしてきたときにReloadするよう修正（Reloadされず改善されませんでした）

#解決したいこと
スワイプでブラウザバックしてもフリーズしないようにしたいです。
ヒントでも構いませんので、解決策をご教示いただけますと大変助かります。

または、解決できない根拠を教えていただけないでしょうか

Answer 1

※※随分前に対応した事象なので、間違えてたらすみません※※

この現象が発生したサイトでは、ヘッター・フッターに追従ナビゲーション（CSSのposition: fixed;を使用）を使用しており、iframe上に両ナビゲーションが乗っている状態でした。

これらを取り除くと現象が解決したため、下記の通り構造を変更することで解消しました。

1. ヘッダー・フッターのposition: fixed;をやめる。
2. iframeの高さをヘッダー・フッターを除いた値に設定する。（calcで「100vh-ヘッダー・フッターの高さ」を指定。）

position等使用せずそのまま縦積みで要素を並べ、画面いっぱいに表示されるよう調整を行うことで見た目は変わらずブラウザバック時の挙動だけ正常に戻すことができました。

Comments

[mutsuki22]

参考になります。
ありがとうございます。

[aki0923f]

まさか見てくださっている方がいらっしゃると思わず、、、！
わざわざコメントありがとうございます！
もし他の解決策を発見された際はこちらにもコメントくださると嬉しいです。