【まさに底なし沼】あの「左側から出てくるメニュー」を普通に動かすのに奮闘した話【iosとposition: fixed;の闇】 皆様、いかがお過ごしであろうか? 最近Web系の記事を書いていないが、現実世界ではそれなりにエンジニアしている野地である。 今回は、最早辺り前となっているレスポンシブデザインのサイトを作る際に意外と苦労した「左横から出てくるメニュー」の最適解を探す記事を書こうと思う。 実装するだけならさほど難易度の高くないこの機能、実はこだわればこだわるほど泥沼にはまっていく機能なのだ。 実際なにが問題で、どうやって解決するかは記事の中で説明していくが、たどり着いた最終的なコードは最後の部分に書いておくので、さっさとコードをよこせ! という人はそこを参照してほしい。 目次 要件 問題その1.背景がスクロール可能+ios版Safariの下部メニューバーが動いてしまう 問題その2.i
![【まさに底なし沼】あの「左側から出てくるメニュー」を普通に動かすのに奮闘した話【iosとposition: fixed;の闇】](https://cdn-ak-scissors.b.st-hatena.com/image/square/248836cb83c3dc789ce806c56c998546314d5129/height=288;version=1;width=512/https%3A%2F%2Fi2.wp.com%2Fnoji.wpblog.jp%2Fwp-content%2Fuploads%2F2016%2F11%2Fmenubar_00.gif%3Ffit%3D657%252C425%26ssl%3D1)