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

This test of jQuery dialog使对话框打开时滚动条出现在主要内容中。当我触摸对话框调整大小时，滚动条消失。是我定义对话框的方式还是内容过多？
单击右上角的[！]以查看此内容。
平台：XPsp3，浏览器：FF3.6.3，IE8，Safari 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');
}