0

嘿，所以我有一个问题（当然）。我有一个使用 Jquery FancyBox2 的基本 php 站点（php 部分不重要）。我正要向承包商演示网站的 alpha 版本，但我有一个障碍。当执行 FancyBox2 Jquery 时，在 Firefox 13（并且只有 Firefox，而不是最新版本的 IE、Opera 或 Chrome）中，该框弹出正常，但会弹出相应的整个父文档 y 滚动条，并将整个站点像左一样关闭：-10 px，当您关闭 FancyBox2 实例时，它会恢复正常。当空白 y 滚动条出现 FancyBox2 实例时，似乎没有其他浏览器会移动站点内容。我不想发生这种情况？下面是一些基本代码：

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();
    ...
});
4

1 回答 1

-1

哦，好的，明白了。我更多的是后端人员，而不是设计人员。只需将其添加到 css 中：

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

并修复了它。想知道为什么只有 Firefox 需要这种分层修复？是否溢出：滚动css3？无论如何，没关系。

于 2012-09-02T04:54:34.947 回答