Javascript 如何在滚动后隐藏主体的模式窗口居中?
我有“模型”对话框,而“模型”对话框打开“设置主体”Javascript 如何在滚动后隐藏主体的模式窗口居中?,javascript,jquery,html,css,modal-dialog,Javascript,Jquery,Html,Css,Modal Dialog,我有“模型”对话框,而“模型”对话框打开“设置主体”overflow:hidden这使“模型”窗口仅显示一半。onclose重置主体溢出 主体高度大于窗口大小,并且滚动到比打开模式对话框更大的位置 如何获得中心显示模式对话框 作为一个选项,您可以创建函数来根据窗口大小定位模态,如下所示: 大概是这样的: function repositionModal(modal){ var windowW = $(window).width(), windowH = $(win
overflow:hidden
这使“模型”窗口仅显示一半。onclose重置主体溢出
主体高度大于窗口大小,并且滚动到比打开模式对话框更大的位置
如何获得中心显示模式对话框
作为一个选项,您可以创建函数来根据窗口大小定位模态,如下所示: 大概是这样的:
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"
});
}
然后在调用modal时调用此函数,并且可能在调整窗口大小时也调用此函数
$(window).resize(function(){
if($(".my-modal").is(:visible)){
repositionModal($(".my-modal"))
}
})
你在模态中使用的库是什么?我想阻止主体滚动,但模态窗口应该滚动我以为你已经有了解决方案-将主体设置为溢出:隐藏,问题是使模态对话框居中。是啊,我想使模型对话框居中