見出し画像

テーブルはCSSで固定したいがたまにはスクロールさせたくなる。わがままですか。


基本的にスマホとか、PCとかscrollさせる系の内容があんまり好きではなくて、


サイト構築時にCSSの制御でtableをscrollさせないように設定してます。


チョットした内容でスクロール行っちゃうのムカつくし。



でもたまぁぁぁぁぁぁぁに、ほんとたまに、

scrollさせたくなる。ので、


今度は逆に、レスポンシブさせてるtableをscrollさせる方法をググってみた。


参考にさせていただきました


テーブルに対してscrollさせるCSSをぶち込むだけ。

table.scroll {
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}

チョット改変して、私はこっちで入れました。


CSSマジ詳しくないねん。

サイト綺麗に見せる事しか考えてないから多分プロから殺される。



とりあえず覚書。



この記事が気に入ったらサポートをしてみませんか?