jquery中的可滚动对话框答案

【问题标题】：scrollable dialog in jqueryjquery中的可滚动对话框
【发布时间】：2009-08-25 11:58:36
【问题描述】：

我正在尝试在此页面中复制“DEMO 3”：

http://www.mudaimemo.com/p/simpledialog/

它很好用，只是我动态填充复选框列表，有时我的复选框比页面上的多。有没有办法让这个可以滚动，所以现在有一个最大尺寸，它刚刚离开屏幕。

编辑：当我尝试向 javascript 添加高度时，框会出现正确的高度，但复选框会继续向下移动页面。如何将复选框保留在容器中并具有垂直滚动条？

$(document).ready(function() {
    $('#sdHc3').simpleDialog({
    showCloseLabel: false,
        height: 400,
        open: function() {
            $('#checkboxStatus').html('');
        },
        close: function() {
            var c = [];
            $('#checkboxForm :checkbox:checked').each(function() {
                c.push($(this).val());
            });
            $('#checkboxStatus').html('&nbsp;&nbsp;Checked <b>' + c.join(', ') + '</b>.').show();
        }
    });

【问题讨论】：

为容器div设置一个固定的高度并设置溢出滚动。

标签： jquery dialog

【解决方案1】：

溢出：滚动；

在容器 div 的 css 中，确保设置了高度。问题在于并非所有浏览器都支持 max-height，因此您的 div 将始终保持相同大小（ofc 除非您每次需要此功能时都指定不同的高度）

在您的 css 文件中（在这种情况下，如果您没有重命名下载的文件，请在 css 文件中执行：jquery.simpledialog.0.1.css）：

.sd_container{
 font-family: arial,helvetica,sans-serif;
 margin:0;
 padding: 10px;
 position: absolute;
 background-color: #fff;
 border: solid 1px #ccc;
 text-align:center;
 **overflow: scroll;**
}

（没有c的星星）

【讨论】：

我如何强制滚动条，根据上面的编辑，设置高度修复容器框但复选框继续运行。 .
所有的反对票是怎么回事？您需要添加 css 溢出：滚动；这不在您的编辑中。 :)
height: 400, 我不知道你为什么在那儿有星星......这很可能只是我......但是：溢出：滚动，
星星试图以粗体突出显示这一行，但看起来 SO 不支持粗体代码。我解决了这个问题。
overflow 用于 CSS，无论容器 div 是什么，为其分配该属性。顺便说一句，您是否对我的回答投了反对票？

【解决方案2】：

CSS：

#scrollableDiv
{
    overflow: auto;
    height: 549px;/* IE is dumb */
    max-height: 549px;/* Or the amount of pixels you want */
}

【讨论】：

这在 Firefox 中似乎没有任何作用