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

Question

余分なコンテンツがある私のWebサイトのページに移動すると、右側にスクロールバーが表示されますが、私のコンテンツは左に大きくシフトしています。ホームをクリックしてからホスティングし、私のサイト（www.ipalaces.org）に戻ると、これに気づきます。

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

私のウェブサイトはwww.ipalaces.orgです。教えてください。

score 11 · Accepted Answer

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

body {

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

}

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

@wsanvilleと@BHareのコメントに関して編集されました。

score 7 · Accepted Answer

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

html { overflow-y: scroll; }

score 3 · Accepted Answer

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

body {height:101%}

score 1 · Accepted Answer

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

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

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

<div id="force_scroll"></div>

score 1 · Accepted Answer

body {
   overflow: scroll;
}

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

score 1 · Accepted Answer

1

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

html {
    overflow-y: scroll;
}

于 2012-09-02T18:25:55.700 に答える

6 に答える 6