不同窗口大小的jQuery Popup位置

Question

我想用JavaScript來控制不同大小窗口的彈出位置。

我該怎麼辦？

Answer 1

要控制不同窗口大小的彈出對話框窗口，請使用窗口的寬度和對話框的寬度來計算對話框的位置，例如：例如：如果需要將對話框顯示在無論窗口寬度的屏幕中間，試試這個：

var windowWidth = $(window).width(); //get the windows width; 
var dialogWidth = $("#popup-dialog").width(); // get the dialog width; 
var pLeft = (windowWidth - dialogWidth)/2; 
$("#dialog").css("left", pLeft); 

Answer 2

我會認爲你在說標準window.open彈出窗口，如果不是，請告訴我們。

你需要做的事情很簡單。先找出使用screen對象在客戶端的屏幕尺寸：

var screenWidth = screen.width; 
var screenHeight = screen.height; 

現在我們有屏幕的大小，我們可以例如用它來計算800×600尺寸的中心彈出的左上角：

var top = screenWidth/2 - 300; 
var left = screenHeight/2 - 400; 

現在，我們就準備去：

var myCenteredWindow = window.open(myURL,'myFancyPopup','width=800,height=600,scrollbars=no,top=' + top + ',left=' + left + ''); 

注意，這可以很容易地編寫成一條線（當你發生了什麼）：

var myCenteredWindow = window.open(myURL,'myFancyPopup','width=800,height=600,scrollbars=no,top=' + screen.width/2 - 300 + ',left=' + screen.height/2 - 400 + '');