2013-05-04 71 views
0

我有模型对话框,而模型对话框打开设置正文overflow:hidden这使得模型窗口只显示一半。重新设置机身溢出。如何在滚动后隐藏隐藏物体的模态窗口?

身高比窗口大小还要滚动一些,而不是打开模态对话框。

如何获取中心显示模态对话框?

enter image description here

+0

什么升你使用的模式是什么? – Ian 2013-05-04 08:00:06

+0

其创建的东西? – user1834809 2013-05-08 11:09:27

回答

0

作为一个选项,您可以创建功能根据窗口大小来定位你的语气,就像这样:

事情是这样的:

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

我想防止身体滚动,但模态窗口应该滚动 – user1834809 2013-05-08 11:10:18

+0

我以为你已经有这个解决方案 - 设置机构溢出:隐藏,问题是使模态对话框居中 – paulitto 2013-05-08 11:29:24

+0

遐我想让模型对话中心 – user1834809 2013-05-15 07:09:06