始终将div放在屏幕中间

时间:2013-05-22 15:17:06

标签: javascript jquery

我的目标是让弹出窗口出现在屏幕中央。使用“Matt Coughlin”answer在PC和平板电脑上进行默认缩放时,一切正常,但在放大时情况会开始中断。

Popup div大多数时候跳出屏幕,因此在较小的设备上无法使用。

我试图找到一段时间,现在没有什么真正有用。有没有办法获得屏幕的中心,而不是页面?

基本上,当您按下打开的弹出窗口时,它会对齐该区域的中心。如果您向右滚动并按下打开的弹出窗口,则结果是相同的,但在放大移动设备时,它将不再起作用。代码示例,它在屏幕中间对齐弹出窗口(el是弹出元素)

var pos = document.body.getBoundingClientRect();
var left = ((window.innerWidth >> 1) - pos.left) - (el.width() >> 1);
var top = ((window.innerHeight >> 1) - pos.top) - (el.height() >> 1);

JSFIDDLE EXAMPLE

0 个答案:

没有答案