jquery - IE8 Fancybox 滚动条 slider 大小与内容不匹配

标签 jquery css fancybox

所以我正在使用 Fancybox 1.3.1 和 jquery 1.4.2。显示fancybox时，fancybox中有一堆内容超出了它的高度，所以显示了一个垂直滚动条。在除 IE 8 之外的每个浏览器上，一切都按预期工作。在 IE8 中加载了所有内容，但是，滚动条的 slider 几乎占据了滚动条的整个高度，并且当您向下滚动时， slider 的大小会减小(以匹配内容量)。我希望 slider 尺寸较小，它应该在加载 fancybox 时显示在其他浏览器中。

Image comparison of the two browers

下图左边是IE8的样子，右边是Chrome。

这是fancybox代码

    $("#a.lightboxLink").fancybox({
                'frameHeight': 400, 
                'frameWidth': 650, 
                'padding': 10, 
                'hideOnContentClick': false, 
                'hideOnOverlayClick': false, 
                'showPrint': true               });

我希望两者看起来都像 Chrome 示例。

有人知道是什么原因吗？这是一个 jquery 兼容性问题吗？ chrome开发控制台上没有任何错误，所以我不确定。

在此先感谢您的帮助。

最佳答案

如果您使用的是 Fancybox v1.3.1，请检查正确的 API 选项 here .您实际上使用的是版本 1.2.x 的旧 API 选项。

此外，1.2.x 或 1.3.x 版本都没有 showPrint 选项。

IE 比较挑剔，其他浏览器可能会忽略一些小的语法或 js 错误。还要检查您是否有正确的 DOCTYPE 并且 DOCTYPE 是您的 html 文档的第一行(前面没有空格或注释)

关于jquery - IE8 Fancybox 滚动条 slider 大小与内容不匹配，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8539594/