jQUery UI對話框 - 模態創建滾動條，錯誤的維度？

我目前正在使用ajax將內容加載到jQuery UI模式對話框中。jQUery UI對話框 - 模態創建滾動條，錯誤的維度？

在Win7上，Firefox，Chrome，Safari和Opera工作正常。

在Internet Explorer 7-9pp和mac firefox，chrome，safari和opera上，模態背景圖層的大小似乎計算錯誤並創建垂直和水平滾動，直到您調整瀏覽器大小。

我上傳的當前試玩版在這裏： - （刪除以釋放我的服務器上的一些網絡空間，看評論/回答有關問題/解決方案的詳細信息）

基本佈局是這樣的

<body> 
    <div id="wrapper">header, navigation, footer and stuff</div> 
    <div class="ui-dialog"></div> 
    <div class="ui-widget-overlay"></div> 
</body>

與以下樣式

html { height: 100%; overflow-y: scroll; } 
body { display: block; height: 100%; margin: 0; padding: 0; } 
.ui-widget-overlay { position: absolute; bottom: 0; left: 0; }

預先感謝一切。

來源

2011-02-08 KADlancer

爲您的HTML標記，在css文件style.css中有overflow-y:scroll。刪除，並添加overflow:hidden;

來源

2011-02-08 19:49:25 Sotiris

和小分辨率的用戶呢？ – KADlancer 2011-02-08 21:41:27

添加overflow:hidden什麼也沒做對我來說，即使我打開Chrome的開發者工具和手動添加，或試圖使它重要：

style="overflow:hidden !important"

並擺脫那些什麼煩人的滾動條，當顯示一個jQuery對話框時，是添加這個CSS：

.ui-widget-overlay { width:100% !important; height:100% !important; }

簡單，嘿？

這只是奇怪的是，jQueryUI不包括默認情況下...

來源

2017-07-10 12:58:36

jQUery UI對話框 - 模態創建滾動條，錯誤的維度？

回答

相關問題