Javascript Jquery模式对话框禁用滚动条

正如你在这个链接上看到的， ,

Jquery在某些版本的IE和最新版本的chrome上禁用滚动条。 （我还没试过其他的…）

有没有办法使滚动条保持启用状态，以便能够滚动浏览一个长对话框

谢谢大家!！ 再见

非常好的Internet Explorer解决方案（感谢jk。）

Chrome的残酷解决方案（感谢jk.）

在Chrome上，JqueryUI在滚动条上劫持鼠标事件。 这看起来像是上面链接中提到的错误。 要删除这些绑定，必须解除事件绑定 每次创建模式对话框时：

$("#longdialog").dialog({
     open: function(event, ui) {
        window.setTimeout(function() {
            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
        }, 100);
    },
   modal:true
});

最后一个例子是：

错误报告链接：

---

您可以通过以下方式启用滚动条：

html {overflow-y: scroll;}

您可以通过编程方式添加CSS，这样就不会影响站点的每个页面，甚至可能影响设计

并且，您可能必须解除模式对话框劫持的鼠标事件的绑定：

$("#longdialog").dialog({
     open: function(event, ui) {
        window.setTimeout(function() {
            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
        }, 100);
    },
   modal:true
});

---

请参见向css文件添加以下代码：

 .ui-dialog .ui-dialog-content {
    overflow-y: scroll;

 }
 #longdialog{
    height: 450px;

 }

---

溢出不起作用，因为高度已设置为“自动”，请为容器div定义一个特定高度。此错误已在jQueryUi-1.10中修复。

---

以下是与问题相关的链接。

如果您不想或无法升级到jQuery UI 1.10，这是您的解决方案：

---

为什么不尝试在对话框中添加一个滚动条？因为这在我的应用程序中没有意义。。。对不起，可能是重复的你好，谢谢你的回答，但不幸的是，这看起来不工作。我在我的示例中添加了这个CSS部分，但它仍然不起作用：实际上它在InternetExplorer上起作用，但在Chrome上不起作用。。。有什么想法吗？@Nicolastry在Mac和PC上的Chrome中为我工作。不知道为什么它对你不起作用。它在Windows版16.0.912.75和我刚安装的16.0.912.77上都不起作用。@Nicolastry是的，但它只适用于滚轮。试试这个：很抱歉，我不希望滚动条出现在对话框中，而是整个页面。我不想在我的界面很多滚动条。我更新了示例：

 .ui-dialog .ui-dialog-content {
    overflow-y: scroll;

 }
 #longdialog{
    height: 450px;

 }