スクロール中にのみスクロールバーを表示する方法はありますが、それでは問題が解決しません。プロパティに絶対値が必要になるなど使い勝手も悪く、対応する環境も安定しないようです。適用した時点で、その設定が反映されたスクロールバーが表示されます。(先のコードの続きで良い)。反映されるので確認しやすいでしょう。背景色と同じ色を設定して、擬似的に間を取ることはできます。ここで重要なのはスクロールバーであることがユーザに伝わることです。言い換えれば適切なアフォーダンスが得られるようなデザインが必要です。このサンプルではスクロールバーの角を丸くして、テーブルとは性質が異なるものであることを示します。角ばった状態のままだと、テーブルのセルと識別しにくいように見えます。影やグラデーションを設定することも考えられます。使ってレスポンシブデザインに対応する方法があります。単語を使うとき、正しく情報が伝わらなくなる可能性があります。してテーブルを参照する文章があるとき、リストが表示されていることは良くはありません。他にも、リスト形式で表示する手法には問題があります。テーブルヘッダの表示位置は限定されるでしょう。ヘッダが2つあるテーブルが含まれる可能性があるとき、対応することは困難です。結合されたセルが含まれるケースも対応が困難でしょう。配慮する必要があります。ここで解説する手法なら、基本的な表示方法は高解像度時(デスクトップ向け)と同じですから、複雑なパターンを考慮しなくてよいです。いった単語を使わないなら、リスト形式で表示する手法を使っても良いと思います。用語で説明する場合です。対応する場合には、あらゆるパターンで対応することが出来るでしょう。ここで解説する手法と同じように単純にスクロールするパターンも実現することができますし、それ以外の複雑なレイアウトも実現することが出来るでしょう。読み込む必要があります。そのものの開発には大きなコストがかかります。プラグインとして配布されているものを使うことになるでしょう。解説した手法の欠点は、セル内に含まれるテキストが多い場合、それらが常に横に伸びきってしまう点です。長いテキストは最初からテーブルで表現しないほうが良いでしょう。要素などによって改行されていればこの問題は解決されます。長いテキストが埋め込まれることが多いのであれば、リスト形式で表示することを検討します。コメントをキャンセルメールアドレスが公開されることはありません。*次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。