我有模型对话框,当模型对话框打开时设置正文 overflow:hidden
这使得模型窗口只显示一半。 onclose 重置正文溢出。
body 高度大于窗口大小并且滚动了一些比打开模式对话框的地方。
如何获取中心显示模态对话框?
最佳答案
作为一个选项,您可以创建函数来根据窗口大小定位模态框,如下所示:
是这样的:
function repositionModal(modal){
var windowW = $(window).width(),
windowH = $(window).height(),
modalW = modal.width(),
modalH = modal.height();
if (modalW>windowW) modal.width(windowW);
if (modalH>windowH) modal.height(windowH);
modal.css({
"top": (windowH-modalH)/2)+"px",
"left": (windowW-modalW)/2)+"px"
});
}
然后在调用模态时调用此函数,并且可能也在调整窗口大小时调用此函数
$(window).resize(function(){
if($(".my-modal").is(:visible)){
repositionModal($(".my-modal"))
}
})
关于javascript - 滚动后如何使主体隐藏的模态窗口居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16371945/