我的目标是让弹出窗口出现在屏幕中央。使用“Matt Coughlin”答案在 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);