スマホ スクロール バー 表示 されない
jsでスクロールバーの色をCSSで自由に変更する。
常時スクロールバーを表示する | デザインかすみそう
iPhoneが発売された初期の頃「スマホにはスクロールバーの概念がない」とあるお方からスマホが出来た頃にそう言われましたが、 「スクロールバーがない=スクロールできない」というわけではなく、バーが見えてないだけで実際はスクロールさせることが出来ます。ですが、iphoneではスクロールバーが表示されないのでユーザビリティーの観点から考えると明らかによくありません。 そんな訳で今回は、iphoneでも見れるスクロールバーを作成してみたので、備忘録。 ※Androidでの実機確認はしてません。iPhoneのiOS7でのみの確認です。旧バージョンで見れる・見れないとかあったらコメント下さいm(_ _)m スクロールしてる間だけスクロールバーを表示 スクロールバーを表示させたいBoxに「-webkit-overflow-scrolling: touch;」を記述するだけです。PCでは何の変化もありませんが、スマホで表示すると、スクロールしてる間だけ、スクロールバーが表示されます。 【HTML】
・
スクロールバーがPCでは常に表示されているけど、iphone、ipadだとスクロールしないと表示されない。。 このような疑問に答えます! 本記事ではiphone、ipadでもスクロールバーを常に表示する方法について解説します。 以下ソースを追加してスクロールバーにCSSを当てよう。 上記ソースのそれぞれの意味としては以下の通りです。::-webkit-scrollbar スクロールバーのCSS::-webkit-scrollbar-thumb スクロールバー内を移動する棒のCSS 上記CSSを当てることで、iphone、ipadでスクロールバーを出すことができ、尚且つオリジナルのレイアウトに変更することできます! 以上で解説を終わります。