2012-04-09 83 views
2

一直試圖弄清楚這一點,但不能拿出一個很好的解決方案,不能看到Fancybox已經得到了這個解決方案?如我錯了請糾正我。Fancybox不佔用滾動條寬度

問題: 我有一個Fancybox打開一個iFrame,用戶需要經過幾個步驟(新頁面)。他們中的一些人有很多內容,這給了我滾動條,有些則沒有。問題在於Fancybox沒有考慮滾動條的寬度,同時也給我了x滾動條。

解決方案

  • 我可以在每個瀏覽器設置的fancybox寬度的東西+ 20,那是關於一個滾動條的大小,而不是和它會給我一些奇怪的空間,如果世界上沒有滾動條。
  • 我可以添加溢出:隱藏在某個地方,但這會裁剪我的內容太多。
  • 我可以寫一些JS我自己找出滾動條是否擋道。
  • 或者我可以添加overflow-y:scroll,它會一直顯示一個滾動條,但不知何故,每個瀏覽器都不會出現奇怪的間距。

這是我能想到的一些解決方案,但沒有一個是好的。你們會怎麼做?

編輯 與Rlemon聊天之後,我決定把容器周圍有固定寬度元素的內容,並設置溢出-X:隱藏在身上。這一切意味着我可以隱藏任何太多的東西,因爲我知道固定寬度的元素在裏面並且是可見的。

+1

你有可能*顯示*我們的問題? http://jsfiddle.net或截圖可能?也有一些代碼會有所幫助。 – rlemon 2012-04-10 18:50:51

回答

1

與Rlemon聊天之後,我決定把容器周圍有固定寬度的元素,並設置溢流-X內容:藏在身上。這一切意味着我可以隱藏任何太多的東西,因爲我知道固定寬度的元素在裏面並且是可見的。

0

也許只是抑制水平滾動條:

overflow-y:hidden;