2月3 スマホでメニューを開いた時に後ろはスクロールしないようにする カテゴリ:jQueryiphone/ipadサイト Tweet 地味にはまってしまった。 スマホサイトのメニューって大体ハンバーガーメニューだよね。最近は。 (ハンバーガーメニューというやつ) これをタップすると、ズルーっとグローバルメニューがかぶさるようにおりてくる、というのが一般的。 さて、そのメニュー内をスワイプしていると、後ろ側の ページが動いてしまうという現象に悩まされた。 タップでスクロールを禁止させるというのも見つけたが、 メニュー内はスクロールできるようにしたいため、背景だけスクロールを不可にしたい。 んで、しらべてみたら、htmlとbodyに対して、height:100%とoverflow:hiddenを割り当てればよいということがわかった。 実際に書くとこんな感じ。 閉じるときは解除も忘れずに。 $(