ブラウザ ウィンドウで完全に自己完結型にする必要があるサイトがあります。つまり、ユーザーはサイトのさまざまな部分を表示するために上下にスクロールする必要はありません。長すぎてコンテンツ ペインに収まらないコンテンツは、overflow:auto で処理され、正常に機能しています。
問題は、何を試しても、まだ次の問題があることです。
2 組のスクロールバー http://www.wikiforall.net/bad_scrollbars.png
そのため、ブラウザ ウィンドウをうまく埋めるコンテンツの下に、ギャップがあるように見えます。このギャップにより、垂直スクロールバー自体が表示されます (右側にも同様のギャップがあり、見にくいようです)。Chrome の要素インスペクタを使用して要素を調べたところ、<html>
タグはそのギャップまでしかカバーしていません。そのため、ギャップがどこから来ているのかわかりません。
メイン ページの div は で設定されposition: absolute
、左、右、上、および下がすべてゼロに設定されます。これらの div もdisplay: inline
設定されており、マージンやパディングはありません。html
とbody
タグは同じ方法でスタイル設定されます。
私は1日か2日周りを見回してきましたが、見つけたものは何もうまくいきませんでした. これらのスクロールバーを削除する方法を知っている人はいますか?