Fancybox根據屏幕尺寸錯誤地改變高度

我有一個fancybox，以像素爲單位設置高度和寬度。的代碼是：Fancybox根據屏幕尺寸錯誤地改變高度

$("#join").fancybox({ 
    overlayOpacity  : 0.8, // Set opacity to 0.8 
    overlayColor  : "#000000", // Set color to Black 
    padding   : 0, 
    'width'   : 305, 
    'height'  : 677, 
    'transitionIn'  : 'elastic', 
    'transitionOut'  : 'elastic', 
    'type'   : 'iframe', 
});

的高度和的fancybox的寬度的fancybox內的內容被精確匹配的，所以有--should--不垂直或水平滾動條。

當我打開我的臺式電腦上的fancybox時，一切都顯示正常 - 沒有滾動條。但是，當我在筆記本電腦上打開fancybox（較小的屏幕尺寸）時，fancybox有一個垂直滾動條，要求我向下滾動以查看其餘的fancybox內容。寬度很好 - 不出現水平滾動條。儘管高度設置爲677px，但它似乎在筆記本電腦上顯示得更小。

要查看實際發生的實際情況，請轉到www.mytrailapp.com並單擊加入按鈕（右上角）。 fancybox彈出窗口應該沒有滾動條，但筆記本電腦上似乎有一個垂直滾動條。

任何幫助表示讚賞。

來源

2014-05-18 icydash

行autoScale: false,添加到您的jQuery代碼：

$("#join").fancybox({ 
autoScale : false, 
overlayOpacity  : 0.8, // Set opacity to 0.8 
overlayColor  : "#000000", // Set color to Black 
padding   : 0, 
'width'   : 305, 
'height'  : 677, 
'transitionIn'  : 'elastic', 
'transitionOut'  : 'elastic', 
'type'   : 'iframe', 
});

我認爲這是你想，如果屏幕比內容更短的行爲。

來源

2014-05-19 00:10:09 Courtney7

1：假設OP是使用的fancybox V1。 3.4這應該是正確的答案（並且將其用於v2.x的進一步參考） – JFK

如果使用的fancybox V1.3.4設置autoScale到false：

$("#join").fancybox({ 
    autoScale: false, 
    // your other API options 
});

如果使用的fancybox V2.X設置fitToView到false：

$("#join").fancybox({ 
    fitToView : false, 
    // your other API options 
});

來源

2014-05-19 01:38:49 JFK

Fancybox根據屏幕尺寸錯誤地改變高度

回答

相關問題