代码之家  ›  专栏  ›  技术社区  ›  mplungjan Gvidas

jQuery对话框使滚动条出现在主内容中

  •  1
  • mplungjan Gvidas  · 技术社区  · 14 年前

    This test of jQuery dialog 打开对话框时,使滚动条显示在主内容中。当我触摸对话框调整大小时,滚动条消失了。是我定义对话框的方式还是内容太多? 平台:XPsp3,浏览器:FF3.6.3,IE8,Safari 5

    2 回复  |  直到 14 年前
        1
  •  4
  •   rohanc    5 年前

    请参阅此处了解几种不同的方法: Opening a Modal Dialog shows a horizontal scroll bar

    CSS快速修复:

    .ui-widget-overlay {
       position: fixed;  /* <---------- */
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
    }
    

    或者在打开对话框时称为:

    open: function(event, ui){
        $('body').css('overflow-x', 'hidden');
    }
    
        2
  •  0
  •   Ben Everard    14 年前

    position 设置为 relative ,这应该是 absolute 路过 jQuery UI demo .

    当我把它改成 绝对的