IE8 Fancybox滚动条滑块大小与内容不匹配

Question

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

两个浏览器的图像比较

下图的左侧显示了IE8的外观，右侧是Chrome。

这是fancybox代码

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

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

有谁知道可能是什么原因？ 这是jQuery兼容性问题吗？ chrome开发控制台上没有任何错误，因此我不确定。

在此先感谢您的帮助。

Answer 1

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

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

IE具有较高的语法和其他浏览器可能忽略的js错误。 还要检查您是否具有正确的DOCTYPE ，并且DOCTYPE是html文档的第一行（前面没有空格或注释）