如何根據fancybox內容高度（大覆蓋或滾動頁面）修復覆蓋背景高度。

請任何人告訴我如何根據fancybox內容高度修復覆蓋背景高度（overlayOpacity部分）（意味着沒有額外的空間頂部和的fancybox的底部），我使用的fancybox 2（最新版本）如何根據fancybox內容高度（大覆蓋或滾動頁面）修復覆蓋背景高度。

代碼：

jQuery.fancybox({       
    'scrolling': 'no', 
    'hideOnContentClick': true, 
    'autoSize' : true, 
    'fitToView' : false, 
    'height' : '100%', 
    'hideOnOverlayClick' : true, 
    'content' : jQuery('.EngpopupContent'), 
    'overlayShow' : true, 
    'overlayOpacity' : 0.9, 
    'overlayColor' : '#000', 
    'transitionIn' : 'elastic', 
    'transitionOut' : 'elastic', 
    'changeFade' : 'fast', 
    'easingIn' : 'swing', 
    'easingOut' : 'swing', 
    'showCloseButton' : true, 
    //'showNavArrows' : true, 
    'enableEscapeButton' : true, 
    'onStart': function(){ 
     jQuery("#fancybox-overlay").css({"position":"fixed"}); 
    } 
});

參考link

我需要工作的fancybox確切像上面參考網址...請點擊「請選擇產品選項」按鈕

請幫助我的人......

來源

2012-07-24 developer

在參考鏈接中，高度不是100％（它可能看起來像但不是），它的固定高度幾乎與查看端口，但如果您減小視口大小，則需要向下滾動以查看內容。另外fancybox v2.x中的選項與v1.3.x不兼容（你正在使用這兩個版本的選項） – JFK 2012-07-24 19:34:36

如果我理解正確，你需要從呈現的內容刪除margin和padding。您可以通過添加兩個選項，你的配置

jQuery.fancybox({ 
//other options 
'padding': 0, 
'margin' : 0, 
//other options

欲瞭解更多信息請訪問http://fancybox.net/api

後來編輯做到這一點：

現在我想我明白。如果您使用的是帶有關閉按鈕的默認佈局嘗試添加這對你的CSS文件：

#fancybox-outer { background: transparent;} 
#fancybox-close {top: 25px !important;} 
#fancybox-wrap {top: -45px !important;}

這將刪除從頂部和位置的包裝更接近頂部的白色背景（你將需要設置填充和如果你不想看到白邊邊框，則將邊距設爲0）

來源

2012-07-24 13:18:31

不，它不起作用我說的是不透明背景而不是內在fancybox背景和你給定的代碼適用於（FancyBox包裝和內容之間的空間） – developer 2012-07-24 13:24:50

如果仔細閱讀，他正在使用fancybox v2.x。 – JFK 2012-07-24 19:30:53

除2.x中添加的新功能外，2.x和1.x的默認設置相同。我鏈接到v1.x，因爲它顯示默認值 – 2012-07-25 09:16:23

如何根據fancybox內容高度（大覆蓋或滾動頁面）修復覆蓋背景高度。

回答

相關問題