javascript - 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');
}