jquery - Fancybox 2 滚动条消失并且站点向右移动

Question

我对fancybox 2 有一个小问题。我现在要处理编码问题，如果我要问一些愚蠢的问题，我很抱歉。

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

你能帮我吗？

提前致谢

安迪

score 7 · Accepted Answer

据我所知，您修改了原始的 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 文件）

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

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

0

强制页面始终滚动：

body {overflow-y: auto !important;}

于 2013-01-17T21:16:40.823 回答

score 0 · Accepted Answer

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

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

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

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

score 0 · Accepted Answer

添加：

.fancybox-lock，.fancybox-overlay {溢出：可见！重要；}
主体{溢出：可见！重要；}

删除：

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

美好的

6 回答 6