如何在jQuery UI对话框中禁用滚动条？

有人知道有没有办法在jquery对话框中禁用滚动条吗？我在div中的内容是300px，但对话框设置为200px。它会自动放置滚动条，但我不想要它们。我将自己添加到第二个div中，使其比窗口更大。非常感谢您的帮助。

我不知道您所说的“jquery对话框”到底是什么意思，但是禁用滚动条的标准方法是将div的溢出属性设置为“hidden”

将其放入css文件中：

div.class_name {
  overflow: hidden;
}

你指的是那辆车吗

您可以在创建选项时传递该选项以指定其高度，例如

$('.selector').dialog({ height: 350 });

---

使它比你放进去的内容更高，我怀疑你会是金黄色的。

我这样解决了这个问题：

.dialog({
  title: $(this).attr("data-dialog-title"),
  closeOnEscape: true,
  close: function () { $(this).remove() },
  draggable: true,
  position: 'center',
  width: 500,
  height: 'auto',
  modal: true,
  open: function (event, ui) {
    $('#myDialogId').css('overflow', 'hidden'); //this line does the actual hiding
  }
});

---

溢出：隐藏为我工作。仅设置高度/宽度参数时，滚动条仍会根据文本大小和缩放显示

这将删除滚动条：

$( "#dialog" ).dialog({
    autoOpen: false,
    resizable: false,
    dialogClass: 'info',
    height: 'auto',
    width: 'auto',
    show: { effect: "blind", duration: 1000 },
    hide: {effect: "explode", duration: 1000 },
    draggable: true,
    open: function (event, ui) {
        $(this).dialog('open');
    },
    close: function (event, ui) {
        cleanup() ;
    }
});

---

没有css或固定高度的解决方案：

我认为解决上述问题的最好办法是使对话框高度动态，高度应根据内容自动调整，当内容增加时，模态高度应增加。 要做到这一点，请使用jQueryUIModal提供的高度“自动”选项，它会根据内容调整模式高度，因此需要添加“溢出：隐藏”或“高度：350”

$( "#dialog" ).dialog({
modal : true,
height:"auto"

}); 

---

在下面的示例中，我还为对话框添加了'resizable=false'。因此，通过调整对话框的大小，无法看到任何溢出文本

$("a#registerServerStudio , a#regServer").click(function(e) {
    //alert("login using POST is Clicked");
    e.preventDefault();
    registerSuccess = false;

    regSSDlg = $("#regSS").dialog({
      autoOpen: false,
      height: 280,
      width: 420,
      modal: true,
    resizable: false,
      buttons: {
      },
      close: function() {
        registerSuccess = false;
      },
    show:{effect:'bounce', duration: 100},

    });
  $('#regSS').css('overflow', 'hidden');
    regSSDlg.prev(".ui-dialog-titlebar").css({"background":"#47669E", "color":"white", "font-size":"13px", "font-weight":"normal"}) ;

    regSSDlg.dialog("open");
});

---

jquery（一种javascript包装器）有自己的对话框。jquery中有一些选项可以做类似的事情，但是没有为这个插件找到一个。我不能只为jqueryjquery设置属性jquery不是javascript包装器，这是一个抽象出跨浏览器问题并简化DOM遍历的框架…如果您可以指定用于生成“对话框”的jquery函数，那么我可能能够提供帮助…不确定这是一种正确的方式，为什么会被否决这么多

.ui对话框内容{overflow:hidden；}

用于禁用所有对话框中的滚动条

#myDialogID{overflow:hidden；}

只需一个。是，在css文件中进行所有定制应该比在

http://stackoverflow.com/a/7483426/1627888

你能解释一下你是怎么禁用滚动条的吗？只需为评论人快速更正一下这个特定的答案（我用了这个答案，谢谢你）。移除滚动条的是用css技巧隐藏溢出，非常巧妙。这一部分进行隐藏：“open:function（event，ui）{$（'#myDialogId'）.css（'overflow'，'hidden'）；}”我建议使用

This

引用对话框中的HTML元素，因此：

$（This.css（'overflow'，'hidden'）设置隐藏的内容以使其不显示不是一个好的解决方案。能够使用
{height:'auto'}
并仍然防止滚动是一件很棒的事情。谢谢你的这个+1.