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

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

unscrollable bug of android

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

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

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

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

設置サンプルはこちら

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

関連記事

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

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

記事を読む

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

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

記事を読む

マウスのこだわり

Photoshop、Illustratorを使用しているクリエイターなら、 自分の手の用にカーソ

記事を読む

XAMPPとHosterで本番URLをローカルサイトで実現する

注:イーモバイルなどで常にネットに繋がっている人にはほぼ不要記事です。注意通りですが、常にオ

記事を読む

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

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

記事を読む

Comment

  1. ジン より:

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

    • majili より:

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

Message

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

Copyright Design Office majili All Rights Reserved.