javascriptでスマホのスクロールをキャンセルする方法（と、再開する方法｜ツーブロッカ
javascriptで、スマホのスクロールを制御する方法をご紹介します。 ハンバーガーメニューを開いたとき、画面のスクロールを停止する例を実装します。 ぼちぼち役立つ時があると思うので、頭の片隅に置いてみてください。 まずはデモをご覧ください。（スマートフォンで開いてください。PCだとイベントが発生しないので） removeEventListenerデモ 右上から展開するナビを開いている間はスクロールができません。 overflow:hiddenは間違い。たとえば、ハンバーガーメニューを開いたときに、body要素にclassをつけたりして「overflow: hidden;」すればいいんじゃね？と思いがちですが、これは誤りで、 iOSのsafariやAndroidのChromeだと普通にスクロールできてしまうので、大抵のケースで、開いたナビの下に隠れているコンテンツがスクロールされてしまう
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
