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"))
     }
})

你在模态中使用的库是什么?我想阻止主体滚动,但模态窗口应该滚动我以为你已经有了解决方案-将主体设置为溢出:隐藏,问题是使模态对话框居中。是啊,我想使模型对话框居中