覆蓋層上的垂直滾動條

我有一個覆蓋層，我用700px的寬度和500px的高度創建。雖然它的內容會很長，所以用戶必須能夠在疊加層中向上/向下滾動。覆蓋層上的垂直滾動條

我能得到如何設置此考慮到滾動條的事實的建議寬度在每個瀏覽器有什麼不同？

例如，如果我添加填充右15px的疊加層包裝，它在Firefox中顯示巨大。內容將完全適合div，並且水平條不會出現。

但是，在另一個瀏覽器中，垂直滾動條可能是20px寬，這會導致內容被迫水平滾動，或者，如果我禁用overflow-x，它們將在右側被切掉5px。

我怎樣才能得到它，這樣，無論是瀏覽器，當出現垂直滾動條，覆蓋包裝的寬度進行調整，以便其內容可以完美地與沒有水平滾動條顯示？

任何幫助表示讚賞！

2012-06-18 Stefan

放'高度= 100％;'爲覆蓋 – krish

原諒我，我想我是不明確的。我無法使用高度：100％，因爲這會導致整個頁面隨後滾動，我只想在疊加層本身內滾動。我會更新我的問題，以便更清楚。 – Stefan

你是說覆蓋層應該取決於內容和瀏覽器的動態高度？ – krish

Overflow property聽起來像你需要：overflow:scroll;？但我想我不確定你對滾動條寬度的關注是什麼。它如何設置，這是可變的？

或不同的看你的問題，把格與另一個DIV中的覆蓋包裝，並有新的div有滾動特性，從而使其所以第一個直接無關帶有滾動條。例如：[link]

編輯：看着你提供的例子，你想要類似this的東西嗎？訣竅就像我上面所說的把所有東西放在一起，但是不是給它一個寬度，並且讓它與它相配（）（display），所以它適合孩子（但滾輪停在孩子的外面）。

編輯2：注意如果你需要它在屏幕上居中，你必須有另一個父div圍繞內聯塊，並且有內聯塊text-align:center;。（example）

2012-06-18 12:11:49 Fewfre

好的，我在想這個鏈接可能會有幫助，所以我要添加一個鏈接到原文。 – Stefan

非常感謝;） – Fewfre

好的鏈接現在在OP。 – Stefan

使用最大寬度和jQuery滾動插件JScrollPane中。

如果需要，您可以爲每個瀏覽器定義滾動條寬度和樣式。

2012-06-18 12:14:05

回答