Question

所以我使用的是Fancybox 1.3.1和jquery 1.4.2。当显示fancybox时，我在fancybox中有一堆超出其高度的内容，因此会显示一个垂直滚动条。在除IE 8之外的每个浏览器上，一切都按预期工作。在IE8中加载了所有内容，但是，滚动条的滑块几乎占据滚动条的整个高度，当您向下滚动时，滑块的大小会减小（以匹配内容量）。我希望滑块大小是加载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开发控制台上没有任何错误，所以我不确定。

提前感谢您的帮助。

Answer 1

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

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

IE很挑剔，其他浏览器可能会忽略小语法或js错误。同时检查您是否拥有正确的DOCTYPE并且DOCTYPE是您的html文档的第一行（没有前面的空格或注释）

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

1 个答案: