HTML5/CSS3のコーディング スマホでスクロールバーが反映されない

Question

現在、HTLMとCSSで制作したサイト内で、HTMLにて作った規約を、テーブル内にスクロールバーの表示でコーディングしました。

パソコンでの表示はうまく反映されています。

スマホ用は、@media screen and (max-width:640px)で作っているのですが、反映されません。

HTMLで作った規約が長々と表示されています。

規約のHTMLは、iframe内で表示させていて、overflow-yでスクロールと高さも設定しています。

友人のスマホでは、スクロールバーが表示されているのですが、私のスマホではうまく表示されていません。

表示するためにはどのようにすれば良いのでしょうか？
よろしくお願いいたします。

Answer 1

iOSではスクロールバーはスクロールしている最中しか表示されないのが仕様ですが、
友人さんのスマホと質問者さんのスマホはOSが違うからデフォルトのスクロールバー表示の仕様が違うだけ、
というオチではないですか？

iOSでも常にスクロールバーを表示しておきたい、とかでしたらこちらなどいろいろ参考ブログがありますので
検索してみると良いと思います。

Comments

[Daiju.tech]

ご回答、ありがとうございます。確かに、ここで質問させていただく前に、色々と調べてiOSでは、スクロールしないとバーが表示されないということもわかりました。

iOSでは、スクロールのボックスが表示されないので、ムダに縦に長い規約になってしまっています。。