スマートフォンのブラウザ、特にiPhoneのSafariでWebページを閲覧する際、スクロール操作によって画面のサイズが変わり、resizeイベントが発火することがあります。これは特に、Webページにリサイズイベントに依存する処理が含まれている場合に問題となることがあります。 本記事では、この挙動を回避する方法について解説します。 resize処理とは resizeイベントは、ブラウザのウィンドウサイズが変更されたときに発火するイベントです。Webページのレイアウトを動的に変更する際に利用されることが多いです。例えば、画面の幅に応じてコンテンツの表示を切り替えるレスポンシブデザインでは、resizeイベントを利用してブラウザのサイズ変更に対応します。 なぜiPhone Safariで起こるのか iPhoneのSafariでは、スクロール操作によってアドレスバーが表示・非表示になります。これ
![iPhone Safariでスクロール時のresizeイベント問題を解決する方法|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3752d8e969a045bbb6f264d7a085cbdf4f279a0/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2024%2F03%2Fpic20240318.jpg)