【发布时间】:2011-05-23 11:01:38
【问题描述】:
我似乎在一个模态对话框中停留了数小时,在 Chrome 中出现意外行为,为此我可以使用您的帮助。该对话框是一个隐藏的 div,由两个较小的 div 组成,一个向左浮动,一个向右浮动。
我将 nyroModal 用于我的对话框,并尝试了不同的解决方法来隐藏滚动条,例如使用溢出:隐藏,或尝试手动设置对话框的大小(尽管我发现自定义 nyroModal 有点困难,因为我的能力有限JavaScript 方面的知识)。
div的基本结构如下:
<div id="signup" class="nyroModal">
<div id="signup_pt1" class="float_left" >
<h2>Get your free iGuide account!</h2>
<form name="signup_form" id="signup_form" action="post">
...
...
</form>
<br class="clear" />
</div>
<div id="signup_pt2" class="float_right">
<h3>Why use iGuide?</h3>
...
...
<br class="clear"/><br />
</div>
</div>
这是我尝试为#signup 对话框设置手动高度:
$(function() {
$('#signup').nyroModal({
sizes: {
height: 600,
width : 900
}
});
});
到目前为止,从图片中可以看出,Chrome 喝的是柠檬水。它是一个错误,一个功能(:?),还是我想念的东西?有任何想法吗? 感谢您的宝贵时间。
编辑:由于链接腐烂,我删除了图片链接。
【问题讨论】:
-
我猜
<br class="clear" />的第一个实例是罪魁祸首,或者浮动 div 太宽了一个或两个像素,无法并排放置。 -
hm,可能有一个我无法为我的模态覆盖的最大宽度......但找到了一个解决方法。围绕 pt1 和 pt2 的另一个 div,以及宽度、边距和填充的大量试验和错误......
标签: jquery-plugins google-chrome dialog scrollbar nyromodal