携帯電話のスクロールバーの外でスクロールをオフにする

Question

複数のグラフと表からなるウェブサイトを作成しました。私のモバイルサイトでは、タッチスクリーンデバイス上のページをスクロールすることは困難です。テーブルもタッチしてスクロールします（側面には余裕がありません）。

実際のスクロールバーとは別に、テーブルのスクロールを無効にする方法はありますか？ページをスクロールすることは、チャートをスクロールすることよりも重要です。したがって、これが優先事項です。ただし、お客様は引き続き表をスクロールして、記載されているすべての情報を読む必要があります。

ありがとうございます。

Answer 1

テーブルの最大高さをビューポートよりも小さく設定して、特にモバイルの場合はoverflow:hiddenに設定してください。メディアクエリか、ブラウザによって提供されるユーザエージェントによる明示的なチェックのどちらかによって、モバイルを決定することができます。

参考：pxの代わりにvhを使用して、新しい方法でdivの高さを設定することができます。しかし、これはクロスブラウザとの互換性がないことを忘れないでください。