【问题标题】:nyroModal dialog in Chrome: How to get rid of scrollbars or set size explicitly?Chrome 中的 nyroModal 对话框:如何摆脱滚动条或显式设置大小?
【发布时间】: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 喝的是柠檬水。它是一个错误,一个功能(:?),还是我想念的东西?有任何想法吗? 感谢您的宝贵时间。

编辑:由于链接腐烂,我删除了图片链接。

【问题讨论】:

  • 我猜&lt;br class="clear" /&gt; 的第一个实例是罪魁祸首,或者浮动 div 太宽了一个或两个像素,无法并排放置。
  • hm,可能有一个我无法为我的模态覆盖的最大宽度......但找到了一个解决方法。围绕 pt1 和 pt2 的另一个 div,以及宽度、边距和填充的大量试验和错误......

标签: jquery-plugins google-chrome dialog scrollbar nyromodal


【解决方案1】:

由于链接已损坏,我看不到您的图片,但我假设我知道它们的外观。我不知道你是否已经解决了你的问题,但你的第一个例子的一个问题是你的清除 需要在浮动元素之外。

所以它应该是这样的:

<div>
    <div style="float: left">
      Stuff
    </div>

    <div style="float: right">
      Stuff
    </div>

    <br class="clear">
</div>

但是,由于 nyroModal 大小问题,我也来到了这个帖子,所以我不知道它是否能与 nm 一起正常工作。

【讨论】:

  • 嗨!好吧,老实说,我不记得“清晰”在哪里,而且我再也无法访问该代码或图片,所以我删除了它们。另外我不记得我是如何解决它的......:/但可能,我做了你说的。
猜你喜欢
  • 2016-03-18
  • 1970-01-01
  • 2021-05-14
  • 2021-02-23
  • 1970-01-01
  • 1970-01-01
  • 2016-01-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多