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

Question

我对fancybox 2有一个小问题。现在我要谈编码工作，如果对不起，我想问个问题。

我在测试站点上使用了fancybox，但是当我单击图像时，将打开该框，并且背景中的整个页面都向右移动，并且滚动条消失了。 我不要这种行为。 滚动条应该在那里。

你能帮我吗？

提前致谢

安迪

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 {溢出：可见！重要；}
正文{溢出：可见！重要；}

删除：

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

精细