1

我已经搜索过这个主题，我确信那里有一个解决方案，但我不是在寻找正确的东西......

我正在使用带有顶部和底部全宽固定导航栏和 Fancybox 2.1.4 的定制版 Twitter Bootstrap 2.x（流体响应）

<meta name="viewport" content="width=device-width, initial-scale=1.0">

bootstrap.min.css

引导响应.min.css

modernizr-2.6.2-respond-1.1.0.min.js

jquery.fancybox-media.js?v=1.0.5

jquery.fancybox.css?v=2.1.4

jquery.fancybox.js?v=2.1.4

无论如何，我的问题是在使用fancybox时发生的。我所有的幻想内容都使用 iframe（即使没有 iframe 的内容似乎也做同样的事情，但我想我会包括在内）。

当您单击链接时，屏幕上会出现 fancbox 框，然后父窗口会生成一个滚动条（位于 fancybox 后面）。它没有伤害任何东西，但它看起来很俗气。我正在制作 HTML5 内容以放入信息亭，因此我不希望出现滚动条。

4

1 回答 1

0

您只需在单击链接时使用滚动条在 div 上设置溢出：隐藏。从来没有真正使用过jfiddle，但根据那个在fancybox css中骑过类就可以了。

将其放入您的自定义 css 文件之一：

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

确保在加载fancybox css后加载您的自定义 css，以便您的 css 优先。

请注意这一点，因为如果您覆盖的其中一张图片非常高（比您当前的窗口视图高），那么您将无法看到整个图像。

如果这是一个紧迫的问题，您可以使用一些 javascript 根据窗口的高度调整图像的大小。

于 2013-08-02T01:25:52.600 回答