问使Javascript弹出窗口居中
EN

Stack Overflow用户

提问于 2011-04-28 20:30:03

回答 1查看 241关注 0票数 0

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

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

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

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

我可以使用以下命令获取屏幕

screen.width()

但这只会定位在屏幕上，所以也好不到哪里去。

有没有人？

发布于 2011-04-28 21:03:30

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

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

然后添加偏移量：

var screenLeft = windowLeft + window.screenLeft;

然后，您可以对高度执行相同的操作。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5818593

复制

相似问题

问使Javascript弹出窗口居中EN