ブラウザのスクロールバーシフト

StackOverflow https://stackoverflow.com/questions/1203503

  •  05-07-2019
  •  | 
  •  

質問

追加のコンテンツがある私のウェブサイトのページに移動すると、スクロールバーが右側に表示されますが、コンテンツの左側への顕著なシフトがあります。これに気づくには、ホームをクリックしてから、自分のサイト（www.ipalaces.org）でホストし、再び戻ってください

ページ上のブラウザのスクロールバーをどのように説明できますか？ スクロールバーが常に少なくとも表示されるようにできますか？

私のウェブサイトは www.ipalaces.org です。お知らせください。

役に立ちましたか？

解決

体を101％高くします...これにより、スクロールバーが常に表示されます。

body {height:101%}

他のヒント

まあ、それはブラウザに依存します。

body {

overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;

}

水平（overflow-x）および垂直スクロールバー（overflow-y）を強制的に表示する必要があります。 <body>（divsなど）内の要素上にない限り、Operaは宣言を尊重しないことがあります。

@wsanvilleと@BHareのコメントに関して

編集。

IE6、IE7、IE8、Firefox 3、Chromeでこれをテストしました。垂直スクロールバーを常に表示する簡単な方法は次のとおりです。

html { overflow-y: scroll; } 

body {
   overflow: scroll;
}

最新のFirefox（3.5）でも同じ問題が発生しました。 オーバーフロー関数は私の命を救った！

これは私にとってはうまくいくようです... 

html {
    overflow-y: scroll;
}

試してみてください...いことはわかっていますが、それが唯一の方法かもしれません。

#force_scroll { 
    width: 1em; 
    position: absolute; 
    top: 0; 
    bottom: -0.1px; 
    z-index: -1; 
}

そして、HTMLのどこかに（できれば</body>の直前）：

<div id="force_scroll"></div>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top