2011-12-16 80 views
1

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

在此先感谢您的帮助。

回答

0

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

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

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