如何将Scrollbars添加到Jquery Dialog

时间:2016-05-20 09:26:50

标签: javascript jquery css

我在页面上有一个JQuery对话框,根据窗口的大小打开。不幸的是,当达到包含div的minWidth时,我已经能够在对话框中显示的包含div中实现水平滚动条,以便用户可以滚动到其余内容。我的相关代码段如下:

   $('#containingDiv').dialog({modal:true,
                              autoOpen:false,
                              height:heightOfWindow,
                              width:widthOfWindow,
                              resizable:true});

  $('#containingDiv').dialog('open');

  /*css Code for containing Div element*/
  #containingDiv{
                 min-height:900px;
                 min-width:900px;
                 overflow-x:auto;
                 overflow-y:hidden;
                 }

那么,如果对话框超出包含div的最小宽度,对话框窗口可以滚动到div的内容,我怎样才能获得一个位置?

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

通过创建另一个具有最小宽度的内部div和具有宽度的外部div以及overflow-x来解决。这将为对话框提供滚动条。