jQuery Dialog使滚动条出现在主要内容中

Question

This test of jQuery dialog使对话框打开时滚动条出现在主要内容中。当我触摸对话框调整大小时，滚动条会消失。这是我定义对话框或内容太多的方式吗？ 单击右上角的[！]以查看此内容。 平台：XPsp3，浏览器：FF3.6.3，IE8，Safari 5 感谢

Answer 1

请参阅此处了解几种不同的方法：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');
}

Answer 2

为什么对话框容器div将样式属性position设置为relative，这应该absolute jQuery UI demo。{/ p>

当我在firebug中将其更改为absolute时，滚动条问题会自行解决。