-webkit-overflow-scrolling: touch がきかない場合: おちエンのブログ
以前は iOS 系では「スクロールは2本指でできます」とか「iScroll を使いましょう」というのが定番でしたが、-webkit-overflow-scrolling: touch が登場してくれたおかげで、 .scroll { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } という感じで CSS を書くだけで、1本指で、しかも慣性スクロールできるようになりました。 かなり楽な世の中になりました。 ちなみに Android でも Android 4.0.4 Safari/534.30 であれば、-webkit-overflow-scrolling: touch が動作しました。 が、scroll をつける div などの高さを設定しておかないとスクロールバーが表示されず、スクロールできま
スマートフォンでページの一部を慣性スクロールできるようにする-webkit-overflow-scrolling
overflow でスクロールを許可してから -webkit-overflow-scrolling を設定すると スマートフォンの画面からはみ出すコンテンツを、部分的に慣性スクロールするよう設定できます。 -webkit-overflow-scrollingの値をtouchにすると慣性スクロールできるようになり、autoにすると慣性スクロールを無効にできます。 Androidは慣性スクロールが効いていなかったので、-webkit-overflow-scrolling: auto; と同じ動作をします。 画面幅よりも横長なスペック表と、利用規約を模したサンプルを作ってみました。 サンプル 画面からはみ出すコンテンツの外側の要素へoverflow: scroll; と -webkit-overflow-scrolling: touch; を設定します ※スマートフォンで見てみてください。パソコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
