嘿,所以我有一个问题(当然)。我有一个使用Jquery FancyBox2的基本php网站(php部分不重要)。我正要向承包商演示该站点的Alpha版本,但我遇到了一个麻烦。当执行FancyBox2 Jquery时,在Firefox 13(仅Firefox,不是IE,Opera或Chrome的最新版本)中,该框会很好地弹出,但相应的整个父文档y-scroll栏会弹出,并移动整个站点的偏移量如左图所示:-10像素,当您关闭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();
    ...
});

最佳答案

OOOkay,知道了。我更多是后端人员,而不是设计人员。只需将其添加到css:

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


并解决了它。想知道为什么只有Firefox需要这种层次修复?是溢出:滚动CSS3?无论如何,没关系。

07-28 07:36