FancyBox2導致Firefox 13在滾動條出現時移動div

Heeey所以我有一個問題（當然）。我有一個基本的PHP網站（php部分不重要），它使用Jquery FancyBox2。我正要向承包商演示網站的alpha版本，但我有一個障礙。當一個FancyBox2 Jquery被執行時，在Firefox 13（並且只有Firefox，不是最新版本的IE，Opera或Chrome）彈出框中，但相應的整個父文檔y-scroll欄彈出，整個站點像左邊一樣偏移：-10像素，當你關閉FancyBox2實例時，它會恢復正常。當空白的y滾動條出現FancyBox2實例時，沒有其他瀏覽器似乎轉移網站內容。我想不會發生這種情況？這裏有一些基本的代碼：FancyBox2導致Firefox 13在滾動條出現時移動div

CSS：是的，它有點過載，忽略錯誤並專注於手頭問題，後端和設計的alpha階段。

body 
{ 
font-family:   'Goudy Bookletter 1911', serif; 
overflow-x:    hidden; 
text-align:    center; 
horizontal-align:  baseline; 
color:     #4D60A4; 
} 
#site_container 
{ 
-moz-user-select:  -moz-none;   /* disable div selection */ 
-khtml-user-select:  none; 
-webkit-user-select: none; 
-o-user-select:   none: 
user-select:   none; 
zoom:     1;     /* for ie6 */ 
background-image:  url('http://192.168.254.134:8080/images/main_back6.jpg'); 
background-repeat:  no-repeat; 
background-size:  cover; 
width:     980px; 
min-height:    780px; 
text-align:    left; 
height:     100%; 
left:     50%; 
padding:    0px; 
border:     0px solid #0000FF; 
overflow:    hidden; 
margin:     0px auto; 
margin-top:    -50px; 
}

PHP：例如FancyBox2怎麼叫這個網站。

echo "<a class='fancybox' href='" . $row['image1'] . "'>"; 
echo "<img src='" . $row['image1'] . "' width=200 height=200 /></a>";

JS：我怎麼稱呼FancyBox2

$(document).ready(function(){ 
    ... 
    $(".fancybox").fancybox(); 
    ... 
});

來源

2012-09-02 jonc

我想過嘗試創建一個onclick函數來取代在onclick實例後調用幾毫秒的fancybox_get_viewport，但是這看起來工作太多了？建議？ – jonc

-1

OOOkay，得到了它。我更像是一個後端人，而不是一個設計人員。只需要將此添加到CSS：

body 
{ 
... 
overflow-x: hidden; 
overflow: scroll; 
... 
}

並且固定它。不知道爲什麼只有Firefox需要分級修復？溢出：滾動css3？反正，沒關係。

來源

2012-09-02 04:54:34 jonc

derp！它必須是「overflow：scroll; overflow-x：hidden;」按順序爲網站仍然沒有x滾動條，但也修復了當fancybox iframe臨時創建垂直滾動條時的偏移量。 – jonc

除了打破其他不相關的東西之外沒有任何效果 – knorthfield

您對自己解決的問題投了棄權嗎？答案奏效了，「打破其他不相關的事情沒有任何效果」是一種完全無用的評論，而不是它的意思。 – jonc

FancyBox2導致Firefox 13在滾動條出現時移動div

回答

相關問題