以Javascript弹出窗口为中心

Question

我想在浏览器中居中弹出窗口。但是，无论用户界面中的浏览器大小和浏览器位置如何，我都希望它能够正常工作。

浏览器中的位置很简单，例如（使用jQuery）：

var left = ($(window).width()/2)-(width/2);
..
uwin = window.open(...., left=...);

等。但是如果用户浏览器不是全屏，那么它相对于全屏而不是浏览器的位置。

我可以使用

获取屏幕

screen.width()

但这只会在屏幕上定位，所以不会更好。

任何人？

Answer 1

您需要同时使用屏幕上的窗口大小和浏览器位置来确定此信息。您可以从window.screenTop和window.screenLeft属性中获取这些内容。因此，要获得所需的定位，首先要获得相对于浏览器窗口的位置：

var windowLeft = ($(window).width()/2)-(width/2);

然后添加偏移量：

var screenLeft = windowLeft + window.screenLeft;

然后你可以为高度做同样的事情。