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

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期权。

对于其他浏览器可能忽略的语法或js错误，IE更加挑剔。还要检查你有适当的DOCTYPE和DOCTYPE是你的html文档的第一行(没有前面的空格或注释)