Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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 模态中心的公式_Jquery_Css_Javascript_Center_Modalpopupextender - Fatal编程技术网

Jquery 模态中心的公式

Jquery 模态中心的公式,jquery,css,javascript,center,modalpopupextender,Jquery,Css,Javascript,Center,Modalpopupextender,伙计们,我需要帮助,我很难得到这个模式的中心公式(http://www.queness.com/post/77/simple-jquery-modal-window-tutorial)我的浏览器大小是1263X582,我使用jquery中的公式来解决它 $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); 所以基本上,我会以1263/2-395/2为顶部,58

伙计们,我需要帮助,我很难得到这个模式的中心公式(http://www.queness.com/post/77/simple-jquery-modal-window-tutorial)我的浏览器大小是1263X582,我使用jquery中的公式来解决它

    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);
所以基本上,我会以1263/2-395/2为顶部,582/2-223/2为左侧,然后我会以顶部结束:179.5左侧:434,但当我检查现场元素并检查我是否正确时,它会给我一个不同的答案。我只是想知道我的解是否正确,或者这个问题的正确解是什么


谢谢。

公式似乎很好,只需确保winH、winW和模态尺寸的大小正确即可

如果模态不可见,您将得到0,或者如果它不在您的文档窗口中,它将有一个奇怪的形状

也可以考虑<代码> Head()/代码>和<代码> WITH()>代码>不考虑填充,但<代码> OutTwitthTh()/<代码>:

提示: 将$(id)存储在另一个变量中以优化jQuery查询

var modal = $(id);
modal.css('top', winH/2 - modal.height()/2);

当你检查窗口时,窗口大小可能会改变。我的webdevelopment团队为我们大学内部的组织创建了一个网站。检查一下:那么我的答案正确吗?我只是没有得到正确的高度和宽度的窗口?因为基于检查元素HTMLYES的高度和宽度,公式是正确的,你只需要验证你正在使用的变量的值,也可以考虑如果你使用的是“代码>位置:固定的< /代码>或<代码>位置:模态的绝对< /代码>。