Jquery 将iframe弹出窗口固定在屏幕中央
我需要在页面加载时显示弹出消息。当页面加载时,我将获得弹出窗口。但问题是它会出现在页面的中央。如果页面较大,则弹出窗口会下降。我希望弹出窗口应始终位于屏幕中央 如何修复特定位置的弹出窗口 $function{ $dialog.dialog{ 宽度:700, 身高:400, 莫代尔:对 }; }; jQuery UI对话框-默认功能Jquery 将iframe弹出窗口固定在屏幕中央,jquery,html,css,Jquery,Html,Css,我需要在页面加载时显示弹出消息。当页面加载时,我将获得弹出窗口。但问题是它会出现在页面的中央。如果页面较大,则弹出窗口会下降。我希望弹出窗口应始终位于屏幕中央 如何修复特定位置的弹出窗口 $function{ $dialog.dialog{ 宽度:700, 身高:400, 莫代尔:对 }; }; jQuery UI对话框-默认功能 要在所有情况下完美地将绝对/固定div居中,而不需要大量加载CPU的javascript和调整大小事件,您可以使用css translate: .莫代尔{
要在所有情况下完美地将绝对/固定div居中,而不需要大量加载CPU的javascript和调整大小事件,您可以使用css translate: .莫代尔{ 位置:绝对位置; 最高:50%; 左:50%; -ms转换:翻译-50%,-50%;/*IE 9*/ -webkit转换:翻译-50%,-50%;/*Safari iOS*/ 转换:翻译-50%,-50%;/*其他浏览器*/ 背景色:黑色; 宽度:100px; 高度:100px; }
使用translate更好,因为您不需要知道盒子的大小。看看我的答案。