javascript - 如何将滚动条添加到 Jquery 对话框

Question

我在一个页面上有一个 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 的内容，我怎样才能达到这样的位置？

有人能帮帮我吗？

Answer 1

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