IE8 Fancybox滾動條滑塊大小與內容不匹配

所以我使用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開發控制檯上沒有任何錯誤，所以我不確定。

在此先感謝您的幫助。

來源

2011-12-16 Matt Gay

如果您使用的是Fancybox v1.3.1，請檢查正確的API選項here。您實際上使用1.2.x版的舊API選項。

此外，版本1.2.x或1.3.x都沒有showPrint選項。

IE對於其他瀏覽器可能會忽略的小語法或js錯誤是挑剔的。還請檢查您是否有正確的DOCTYPE，並且DOCTYPE是您的html文檔的第一行（沒有前面的空格或註釋）

來源

2011-12-17 02:01:22 JFK

IE8 Fancybox滾動條滑塊大小與內容不匹配

回答

相關問題