3

因此，在我的网站中，每次单击缩略图时，都会按预期启动 Bootstrap 模态窗口，但存在一个小错误……背景中的所有布局（页脚除外）都向右倾斜约 20px . 当模态窗口关闭时，布局移回原位。

有人可以帮我解决这个问题，或者至少给出一些可能导致这个问题的提示吗？

4

2 回答 2

2

这是因为Fancybox发生的。fancybox-lock它在body标签上设置类并添加margin-right: 15px;内联。

<body class="fancybox-lock" style="margin-right: 15px;">

这里的风格：

.fancybox-lock {
    overflow: hidden;
}

例如，如果您在 Firefox 上使用 Firebug，您可以在单击元素时注意到页面的受影响部分。

这是必须发生的事情。请注意，当没有 时fancybox，页面有滚动条。这会将内容推到左侧以容纳滚动条。当单击缩略图时，fancybox操作并从页面中删除滚动条，查看overflow:hidden页面内容将向右移动到之前被滚动条使用的那个空间。

于 2013-02-13T01:29:55.517 回答
0

在 fancybox 中找到这些类并确保下面的内容匹配

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

和这个

.fancybox-overlay {
width: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('fancybox_overlay.png');
}
于 2013-02-13T01:51:02.007 回答