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

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

unscrollable bug of android

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

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

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

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

設置サンプルはこちら

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

関連記事

Web制作に最強の開発ツール「Coda」が値下げ

会社で使用している開発ツール「Coda」が値下げされてました。 もしかしてメジャーアップデート前

記事を読む

Flashバナー(swf)の容量を減らす方法

ここ最近でFlashのバナー制作を何点かやっているのですが、入稿先のメディアごとにswfの容量制限

記事を読む

デザイナー視点でプログラムについて考えてみる。

最近javascriptやらphpやらを改めて勉強し直しています。大学では電子情報工学を専攻

記事を読む

Google Search Consoleでサイト確認ができない場合の対処法

少し前にとある相談を受けた時のトラブルだったんですが、Google Search Conso

記事を読む

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

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

記事を読む

Comment

  1. ジン より:

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

    • majili より:

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

Message

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

CAPTCHA


Copyright Design Office majili All Rights Reserved.