iPhoneでスクロール時にページトップに勝手に戻る現象

公開：　2022年12月25日

---

iPhone　safari16.1のバグ？

お客様サイトで、iPhoneのみスクロールしたときに上に戻ってしまい、ページの下部に行けないという不具合がありました。PCやアンドロイドスマホでは発生しないため、発覚が遅くなったようです。
現時点最新のsafari16.1で発生します。（その他のバージョンの動きは不明です）

検索で出てくる対応

日本語サイトには、
・「トップに戻る」ボタンをタップしている可能性
・Safariのバージョンの不具合の可能性⇒バージョンアップしましょう。
・iPhoneの不具合（ゴーストタッチ）可能性⇒再起動しましょう。
など役に立たない情報しかありません。

いろいろと対応してみますが、

現象が発生する端末を所持していないため、デバッグしながら怪しい箇所をつぶしていきました。
・トップに戻るのスムーススクロールスクリプトが対象ボタン以外にも動いている可能性
・PC用のホバー時の画像置換スクリプトがスマホのタップ時に動いていたので、その影響の可能性
・画像が重いため、メモリエラーや画像表示後に上に戻ってしまっている可能性

なんとか解決

PCでは発生しないので、もしかするとiPhoneのみで発生するイベントがあるのかと調べたらありました！！❣
傾き検知イベントでイベント発生時にページトップに戻る処理が入っていました。
現在は非推奨のイベントのためイベントを無効にする対応を行いました。

PCデバッグではイベントが発生しないため現象再現ができません。
結局スクリプトを全部見て、おかしなところを見ていくしかなかったため、原因調査が大変でした。

ワードプレスに限らず、WEB全般のトラブル対応をおこなっています。
詳細は以下をご覧ください。

---