スマホでメニューを開いた時に後ろはスクロールしないようにする : 森のコーディング
2月3 スマホでメニューを開いた時に後ろはスクロールしないようにする カテゴリ:jQueryiphone/ipadサイト Tweet 地味にはまってしまった。 スマホサイトのメニューって大体ハンバーガーメニューだよね。最近は。 (ハンバーガーメニューというやつ) これをタップすると、ズルーっとグローバルメニューがかぶさるようにおりてくる、というのが一般的。 さて、そのメニュー内をスワイプしていると、後ろ側の ページが動いてしまうという現象に悩まされた。 タップでスクロールを禁止させるというのも見つけたが、 メニュー内はスクロールできるようにしたいため、背景だけスクロールを不可にしたい。 んで、しらべてみたら、htmlとbodyに対して、height:100%とoverflow:hiddenを割り当てればよいということがわかった。 実際に書くとこんな感じ。 閉じるときは解除も忘れずに。 $(
viewportの書き方でピンチによる拡大・縮小ができるのがいいのかできないのがいいのか - ディレイマニア
サイトを作る際、スマホでの表示を最適化するためにmeta name="viewport"を使ってコントロールします。 だいたい定番の書き方があってコピペで使いまわせるんですが、ピンチインアウトで拡大縮小できるようにするかしないか、どちらを選ぶのが良いか判断に迷うところです。 この2種のソースと、拡大縮小をできるようにするかしないか、僕なりの見解を書き留めておきます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
★【CSS】スマホ、タブレットの横幅(端末解像度と実質解像度)
