こんにちは、ウェブラボクリエイターズメモです。 今回は、iOSの古いバージョンで表示検証をする際に気を付けておきたいことを備忘録として残します。 スマホでグローバルナビゲーションをハンバーガーメニューとして表示させることはよく使われる手法かと思います。 その際にメニュー内のコンテンツが多いと、スマホ画面の高さを超えてしまうことがあります。 画面の高さを取得し、それを超えたらスワイプ操作でスクロールできるようにするといった対応が可能ですが、iOS一部バージョンのSafariでは、jQueryによる高さの取得が上手くいかないことがあるようです。 検証したバージョン 当記事では「iOS12.1.2」「iOS11.3」「iOS11.2」のバージョンを用いて検証し、 「iOS11.3」「iOS11.2」で表示不具合を確認しました。 また今回、こちらの記事を参考にさせていただきましたところ、 古いiO
![iOS一部バージョンのSafariで高さを取得するときに気を付けたいこと|クリエイターブログ|東京都新宿区のWeb制作会社 - ウェブラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed7de403d5ec2043dda472caebe7425caf0b2134/height=288;version=1;width=512/https%3A%2F%2Fwww.weblab.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2019%2F02%2Ftecmemo190220.jpg)