Simplemodal Scroll Bar and Close Image问题

我有一个简单的jquery弹出窗口，必须将溢出设置为auto，因为结果列表可能很长。滚动条显示正常，但近距离图像被推到垂直滚动条和简单模式边界后面。如果我注释掉Simplemodal Scroll Bar and Close Image问题

overflow: 'auto',

行关闭图像显示在边界的顶部罚款。我试图设置图像的Z指数非常高，并没有做任何事情。它还会显示水平滚动条，因为紧密图像位于垂直滚动条的后面。

我jQuery代码是

jQuery('#CustLookupResults').modal({ 
         containerCss: { 
          padding: 0, 
          overflow: 'auto', 
          maxHeight: 800 

         }, 
         onShow: function (dlg) { 
          $(dlg.container).css('width', 650); 
          $(dlg.container).css('height', 'auto'); 
         }, 
         overlayClose: true, 
         opacity: 75 
        });

而且我的CSS是

#simplemodal-container 
{ 
    border:8px solid; 
    padding: 12px; 
    border-color:Black; 
    border-style:outset; 
    background-color:White; 
    color:Black; 
    vertical-align:middle; 
    text-align:center; 
} 

#simplemodal-container a.modalCloseImg { 
    background:url(../images/x.png) no-repeat; /* adjust url as required*/ 
    width:25px; 
    height:29px; 
    display:inline; 
    z-index:3200; 
    position:absolute; 
    top:-15px; 
    right:-18px; 
    cursor:pointer; 
}

关于如何解决此问题的任何帮助将不胜感激。

来源

2011-02-17 nickmoriarty

如果您的数据扩展容器，SimpleModal应该自动将overflow:'auto'添加到simplemodal-wrap div。如果由于某种原因，它不是（由于你如何使用它），你可以做这样的事情：

jQuery('#CustLookupResults').modal({ 
    containerCss: { 
     padding: 0, 
     width: 650, 
    }, 
    maxHeight: 800, 
    onShow: function (dlg) { 
     $(dlg.container).css('height', 'auto'); 
     $(dlg.wrap).css('overflow', 'auto'); // or try jQuery.modal.update(); 
    }, 
    overlayClose: true, 
    opacity: 75 
});

来源

2011-02-18 19:32:29

非常感谢。 jquery.modal.update工作，图像显示在酒吧和边框的顶部，滚动条也起作用。它看起来好多了。 – nickmoriarty 2011-02-18 19:40:00

Simplemodal Scroll Bar and Close Image问题

回答

相关问题