Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将iframe弹出窗口固定在屏幕中央_Jquery_Html_Css - Fatal编程技术网

Jquery 将iframe弹出窗口固定在屏幕中央

Jquery 将iframe弹出窗口固定在屏幕中央,jquery,html,css,Jquery,Html,Css,我需要在页面加载时显示弹出消息。当页面加载时,我将获得弹出窗口。但问题是它会出现在页面的中央。如果页面较大,则弹出窗口会下降。我希望弹出窗口应始终位于屏幕中央 如何修复特定位置的弹出窗口 $function{ $dialog.dialog{ 宽度:700, 身高:400, 莫代尔:对 }; }; jQuery UI对话框-默认功能 要在所有情况下完美地将绝对/固定div居中,而不需要大量加载CPU的javascript和调整大小事件,您可以使用css translate: .莫代尔{

我需要在页面加载时显示弹出消息。当页面加载时,我将获得弹出窗口。但问题是它会出现在页面的中央。如果页面较大,则弹出窗口会下降。我希望弹出窗口应始终位于屏幕中央

如何修复特定位置的弹出窗口

$function{ $dialog.dialog{ 宽度:700, 身高:400, 莫代尔:对 }; }; jQuery UI对话框-默认功能
要在所有情况下完美地将绝对/固定div居中,而不需要大量加载CPU的javascript和调整大小事件,您可以使用css translate:

.莫代尔{ 位置:绝对位置; 最高:50%; 左:50%; -ms转换:翻译-50%,-50%;/*IE 9*/ -webkit转换:翻译-50%,-50%;/*Safari iOS*/ 转换:翻译-50%,-50%;/*其他浏览器*/ 背景色:黑色; 宽度:100px; 高度:100px; }
使用translate更好,因为您不需要知道盒子的大小。看看我的答案。