スマホ表示のときテーブルに横スクロールバーを表示するCSS方法1のやり方で、横にはみだしていたテーブルもなめらかにスクロールして見られるようになりました。 でもちょっと問題なのは、スクロールしているときしかスクロールバーが表示されないところ。これだと、スクロールできるかどうかがパッと見でわからないというデメリットがあります。 スマホでも常にスクロールバーが見えている状態にするため、以下のCSSでスクロールバーの表示をカスタマイズしてみました。 詳しい説明は以下のページにおまかせするとして、::-webkit-scrollbar を使ってスクロールバーの見た目を設定すると、スマホでも常にスクロールバーを表示しておくことができます。 【参考】WebKitを使ってスクロールバーをカスタマイズ | CSSPRO 実際にグレーの濃淡でシンプルなデザインのスクロールバー用CSSを作ってみました。 .scroll-box { overflow-x: auto;
