スマホ時に横スクロールになるテーブルレイアウト

[ ID : 553 ]
スマホ時に横スクロールになるテーブルレイアウト

概要

SP幅(ブレークポイント以下)でPC幅の見た目を維持したまま横スクロールで表示する表組み

用途

  • PC幅の際はテーブルレイアウト(複数行・複数列)
  • SP幅(ブレークポイント)でPC幅の見た目を維持したまま横スクロール
  • tableタグで構築
  • -webkit-scrollbarを使用(※iOS13以降は使用不可:2020年8月時点)
  • スマホで慣性スクロール(※iOS13以降は標準設定:2020年8月時点)

検証ブラウザ

  • Microsoft Edge
  • IE11
  • IE10
  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録