androidでスクロール(フリック)できないバグ

公開日: : クリエイティブ

unscrollable bug of android

最近スマートフォン対応作業が増えてきて、PCと同じ感覚で作ってると上手くいかない事がままあります。そんな中で一番「え?』と思ったのがandroidのスクロールバグです。

縦幅横幅を数値で指定したエリアに対して、overflow:scrollを入れればスクロールバーが付くのはウェブ制作者なら誰でもご存知かと思いますが、なんと、androidではこの部分にバグがあり、スクロールができないんです。

スマホサイトの場合、エリア内スクロールを実装する事自体があまり無いのかもしれませんが、サイトの利用規約とか文章が長いものを設置する場合はスクロールできるエリアを用意してページ内のスペースを節約したりすると思います。

で、これどうすりゃ良いんだよって思ってたら、解決してくれている人が居たので試してみました(http://lagoscript.org/jquery/flickable)特に難しい設定はなく、jqueryとjquery.flicable.jsを読み込んで、スクロールエリアをjsで指定するだけ。記述はこんな感じでしょうか。

設置サンプルはこちら

良ければサンプルファイルもどうぞ。

関連記事

ランサーズの闇を見た話

アウトプットしたいと言いつつ忙しくてブログ書けてません。こんにちは。昨日、ランサーズ

記事を読む

最新jQueryでスマホサイトのモーダル「Reveal」を使う

この間軽く引っかかったのでメモ。最近のスマホサイトで実装することが多いモーダルウィンドウ(メニュ

記事を読む

Google Adwords用Flashバナー(swf)の作り方

今までFlashでコンテンツを作る機会は多少ありましたが、Flashバナー、しかもGoogle

記事を読む

scrollfollowが動かない。最新版jquery用に調整する。

サイドなどでメニュー等をスクロールにあわせて付いてくるようにする、 jaueryを使用した便利なスク

記事を読む

YouTube動画をモーダル時にウィンドウいっぱい&中央配置する。

さてさて。先日書いた通り4年目は意識してアウトプットしていきたいということで、タイトル通りで

記事を読む

Comment

  1. ジン より:

    こんにちは。
    僕もこの問題で苦労したんですが
    やっぱりjsを使うしかないですねT.T
    すごく助かりましたありがとうございます。

    • majili より:

      コメントありがとうございます。
      自分も調べた限りではバグだからjsでどうにか、、、しか見つからなかったです。
      最新版のAndroid OSなら直っているんでしょうかね。
      お役に立てて良かったです。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Copyright Design Office majili All Rights Reserved.