-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 などの高さを設定しておかないとスクロールバーが表示されず、スクロールできま
androidでスクロール（フリック）できないバグ - ブログ｜横浜のウェブサイト・印刷物制作 マジリ
2013年01月26日 最近スマートフォン対応作業が増えてきて、PCと同じ感覚で作ってると上手くいかない事がままあります。そんな中で一番「え？』と思ったのがandroidのスクロールバグです。 縦幅横幅を数値で指定したエリアに対して、overflow:scrollを入れればスクロールバーが付くのはウェブ制作者なら誰でもご存知かと思いますが、なんと、androidではこの部分にバグがあり、スクロールができないんです。 スマホサイトの場合、エリア内スクロールを実装する事自体があまり無いのかもしれませんが、サイトの利用規約とか文章が長いものを設置する場合はスクロールできるエリアを用意してページ内のスペースを節約したりすると思います。 で、これどうすりゃ良いんだよって思ってたら、解決してくれている人が居たので試してみました（http://lagoscript.org/jquery/flickabl
iPhone, AndroidでURLバーを隠す
スマートフォンは画面が小さいのでURLバーを非表示にしたい時がある。 そんな時は scrollTo(0, 1); これでurlバーが隠れる。 縦のスクロールが0だとAndroidが反応しない ページの高さが画面の高さより小さい場合はURLバーは出たまま。 スクロールできないからね。 -- add: ※ページ読み込み時に上の処理を無条件で動かすと、この処理が動く前にスクロールしてたのが、一番上まで戻されることになってしまうので注意。 スクロールされていない時だけに限定したほうがよさそう if(docment.body.scrollTop === 0){ scrollTo(0, 1); } 参考： iPhone／Androidブラウザのアドレスバーを隠す方法
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
