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

ngr*_*od6 31 jquery scroll dialog jquery-ui

有谁知道是否有办法在jquery对话框中禁用滚动条?我在div中的内容是300 px,但对话框设置为200px.它自动放置滚动条但我不想要它们.我将自己添加到第二个div,它使它比窗口大.任何帮助表示赞赏.

MUG*_*G4N 68

我解决了这个问题:

.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
  }
});
Run Code Online (Sandbox Code Playgroud)

  • 只是对评论者进行快速更正这个特定的答案(我用了感谢man btw).什么删除滚动条是用css技巧隐藏溢出,非常光滑.这部分隐藏:"open:function(event,ui){$('#myDialogId').css('overflow','hidden');}" (5认同)
  • 我建议使用**`this`**来引用对话框的HTML元素,所以:`$(this).css('overflow','hidden');` (4认同)

Pau*_*ite 11

你的意思是jQuery UI对话框小部件

您可以在创建选项时指定其高度,例如

$('.selector').dialog({ height: 350 });
Run Code Online (Sandbox Code Playgroud)

让它高于你投入的内容,我怀疑你是金色的.


小智 6

我不确切地知道'jquery对话框'的意思,但禁用滚动条的标准方法是将div的overflow属性设置为'hidden'

把它放在你的css文件中:

div.class_name {
  overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

  • jquery不是一个javascript包装器,它是一个框架,它抽象出跨浏览器问题并简化DOM遍历...如果你可以指定你用来生成'对话框'的jquery函数,那么我可能会帮助.. . (3认同)
  • 当这是正确的做事方式时,不知道为什么这么多被贬低了.`.ui-dialog-content {overflow:hidden; }`用于禁用所有对话框中的滚动条.`#myDialogID {overflow:hidden; 只有一个. (2认同)