スクロールを必要としないサイトを作成する場合、コンテンツは中央に配置されます。すべてのページコンテンツをdiv:#Pagecontent内に配置しました。これは、画面の幅が重要ではないようにマージンがautoに設定されており、コンテンツは常に中央にあります。
ただし、コンテンツの長さのためにページをスクロールする必要がある場合、ページ上のすべてのコンテンツがわずかにシフトします。煩わしいと思うので、どうすればこれを防ぐことができますか。
これが大丈夫な質問であることを願っています。乾杯!
の HTML はoverflow: scroll
、スクロールバーが必要かどうかにかかわらず、常にページにスクロールバーを表示するように強制します。
html{
overflow:scroll;//for both vertical and horizontal
/* overflow-y: scroll; // for only horizontal
overflow-x: scroll; // for only vertical */
}
しかし、通常のサイトでスクロール バーが表示されるのを防ぐ方法はありません。これは、訪問者の画面解像度や最大化されたウィンドウの設定に 100% 依存するためです。
スクロール バーがページ コンテンツを移動するのを防ぐ唯一の方法は、javascript を使用してスクロール バーを無効にすることです。
css で常にオーバーフローを表示できる overflow:scroll
ので、スクロール バーでページが移動しません