Fancybox彈出始終顯示在平板電腦或移動設備上的頁面頂部

Question

Fancybox按照預期在桌面上彈出，但在通過移動或平板電腦設備訪問時，彈出窗口始終顯示在頁面頂部。我說，我向下滾動頁面，然後點擊一個可以顯示彈出窗口的鏈接，但彈出窗口不顯示，因爲它顯示在最上面，所以我需要向上滾動頁面。

這是我的代碼

jQuery("#popup").fancybox({ 
    "titlePosition"  : "inside", 
    "transitionIn"  : "none", 
    "transitionOut"  : "none", 
    "centerOnScroll" : true 
}); 

任何幫助將apreciated。

Answer 1

爲了解決此問題，您可以使用scrollTop()獲取垂直滾動位置，然後將#popup上的頂部邊距設置爲該值。

Answer 2

試試這個，

jQuery('.fancy_ajax_close_btn').fancybox({ 
    minWidth : '43%', 
    maxWidth : '60%', 
    afterLoad : function() { 

     var top = ($(window).height()/2) - ($(".fancybox-wrap").outerHeight()/2); 
     var left = ($(window).width()/2) - ($(".fancybox-wrap").outerWidth()/2); 
     $(".fancybox-wrap").css({ top: top, left: left});   
    }   

}); 

和jquery.fancybox.css

.fancybox-wrap { 
left: 0; 
z-index: 8020; 
position: absolute; 
width: 200px; 
margin: 0 auto; 
} 

不是一個完美的解決方案，但對於V2.0其最好的一個。