Fancybox 2滚动条消失，站点向右移动

Question

我在fancybox 2上遇到了一个小问题。我现在正在编写代码，如果我要问愚蠢的问题，那就很抱歉。

我让fancybox在testsite上运行但是当我点击图像时，框打开，背景中的整个页面向右移动，滚动条消失。我不想要这种行为。滚动条应该在那里。

它位于以下网站：http://elgaucho.lu/restaurant.php

你能帮我吗？

提前致谢

安迪

Answer 1

据我所知，您修改了原始的fancybox css文件。

您已从此

更改了第167行

.fancybox-lock {
    overflow: hidden;
}

进入这个

.fancybox-lock {
    overflow: hidden;
    margin-right:0 !important;
}

...以及来自此

的第187行

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

进入这个

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: hidden;
}

...所以没有奇迹（请记住，js文件也会动态更改某些css属性，因此您可能无法完全控制只更改css文件）

一般来说，除非您非常确定自己在做什么，否则不应该弄乱原始文件，否则会产生意想不到的结果

Answer 2

我通过在主CSS文件中添加以下代码解决了这个问题：

body { margin: 0 !important; }
.fancybox-lock,
.fancybox-overlay { overflow: visible !important; }

Answer 3

我遇到了同样的问题......滚动条消失了，页面向右移动了。很烦人，但这段代码确实有效。只需将其添加到任何fancybox css文件（或任何包含的css文件）。

.fancybox-lock, .fancybox-overlay { overflow: visible !important;}  

Answer 4

强制页面始终滚动：

body {overflow-y: auto !important;}

Answer 5

我遇到了这个问题，我的解决方案比我预期的要容易。我只是进入了html并注意到我有两个身体的

在代码中（靠近底部）有以下内容：

    body {
        max-width: 700px;
        margin: 0 auto;
    }

我删除了它，我的网站现在又回到了中心位置。

Answer 6

<强>加入：

.fancybox-lock，.fancybox-overlay {overflow：visible！important;}
body {overflow：visible！important;}

<强>除去：

.fancybox-lock body {     溢出：隐藏！重要;}

<强> 细