HTMLページを縮小した後にスクロールバーを表示するサンプルコード

ここでは、縮小されたHTMLページの下部にスクロールバーを表示させ、縮小されたインターフェイスによって隠された領域をスクロールできるようにする方法を説明します。

こうすることで得られるメリットについて、ひとこと。

まず、一般的にスクロールバーなしでインターフェイスを縮小すると、ユーザーは隠れた領域にアクセスできず、そのためにはインターフェイスを大きくする必要があります。

次に、一部のインターフェースの相対レイアウトや絶対レイアウトにより、インターフェースが小さくなると、インターフェースの右側が下になり、インターフェースのレイアウトが魅力的でなくなる場合があり、縮小後にスクロールバーを表示することが最も簡単な保存方法となります。

実装は簡単で、数行のコードです。

body{
    min-width: 1200px;
    overflow: scroll;
    /*max-width:100%;*}

<スパン ナレッジエクステンションです。

htmlページを縮小すると自動的にスクロールバーが表示される。

このスタイルをインポートし、必要に応じてbody内のプロパティを設定するだけです。

<style>

body{
  margin:0px;
  width:100%;
  min-width:1500px;
  max-width:100%;
  height:100%;
  background-color:#F0F0F0;
}
#head{
  background-color:#FFFF00;
  width:100%;
  height:100px;
}
#center{
  background-color:#00FFFF;
  width:100%;
  min-height:100%;
}
#foot{
  background-color:#FF00FF;
  width:100%;
  height:100px;
}
</style>

HTMLページの縮小表示スクロールバーのサンプルコードについてこの記事は、これに導入され、より関連するHTMLページの縮小表示スクロールバーの内容は、スクリプトホーム以前の記事を検索するか、次の関連記事を閲覧を続けてください、私はあなたが将来的に多くのスクリプトホームをサポートすることを願っています！。