jQuery對話框使滾動條出現在主要內容中

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去。

當我在螢火蟲中將其更改爲absolute時，滾動條問題自行解決。