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

回答

相关问题