jquery - HTML/jQuery 弹出在 iOS 设备方向更改时未居中对齐

Question

我正在尝试使用居中对齐视频弹出窗口，

$('#videoid').css("top", (($(window).height() - $('#videoid').outerHeight()) / 2) + $(window).scrollTop() + "px");
$('#videoid').css("left", (($(window).width() - $('#videoid').outerWidth()) / 2) + "px");

当我在 android 手机中进行方向更改时，它非常有效，但在 iOS 手机和 iPad 中，方向更改（从纵向到横向）弹出窗口正在向上移动。它没有对齐中心。

我的 videoid CSS 是

#videoid {
height: auto;
max-height: 230px;
min-height: 150px;
position: absolute;
width: 70%;
}

在宽度方面，弹出窗口居中对齐，但在高度方面，弹出窗口向上移动。任何帮助建议表示赞赏。提前致谢。

我发现<div id="videoid">旋转时的高度正在改变。任何控制高度的解决方案。

Answer 1

因为您的元素正在改变高度，所以该位置不再与元素的高度相关。你需要再次计算它。

请参阅此解决方案，了解如何在方向更改时触发代码。