是否有可能解決的jQuery UI的模式窗口,因此當用戶使用右側的滾動條,滾動背後的一面,但模態窗口下榻修復?jQuery UI的模態對話框應該被固定在滾動
18
A
回答
47
與固定位置創建一個CSS類:
.fixed-dialog{
position: fixed;
top: 50px;
left: 50px;
}
那麼類追加爲一體的選項的一部分,當你創建對話框:
$(".selector").dialog({ dialogClass: 'fixed-dialog' });
這裏是一個工作示例:http://jsfiddle.net/3hrSv/ 這個例子並不太華麗,因爲我無法使用jsfiddle來設置對話框的樣式。
如果您想居中對話框中的屏幕中間嘗試設置在你的CSS top:50%; left:50%;
所建議:http://css-tricks.com/320-quick-css-trick-how-to-center-an-object-exactly-in-the-center/
9
如果你希望所有的對話框中有此行爲,您可以修改您jquery.ui.dialog.css
文件。
變化:
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
要:
.ui-dialog { position: fixed; padding: .2em; width: 300px; overflow: hidden; }
,或者,如果你想保留原始文件,只需添加一行:
div.ui-dialog {position:fixed;}
你的CSS的一個該頁面引用的文件或頁面上的樣式塊。
0
這是一個老問題,但我發現,詹姆斯的回答(以JQuery的div.ui-對話框修改到的位置是:固定的)提供了答案的一半了這個問題。另一半是這樣的:確保父元素的高度是100%。就我而言,身體是父母給我的對話,讓我有這樣一行:
<body style='height: 100%; min-height: 100%;'>
也就是說,再加上詹姆斯的建議,加入到我的CSS文件:
div.ui-dialog {position:fixed;}
...終於讓我的對話框出現在瀏覽器窗口的中心,並在滾動時停留在那裏。希望這有助於未來可能通過這裏的谷歌玩家。
0
或者當你創建應用CSS:
$("#Modal").dialog({
autoOpen: false,
width: 500,
height: 'auto',
position: [50, 150],
create: function (event) {
$(event.target).parent().css({ 'position': 'fixed', "left": 50, "top": 150 });
}
});
相關問題
- 1. jquery ui對話框滾動條
- 2. 滾動條在模態對話框
- 3. jQuery模態對話框被覆蓋div隱藏,如果對話框的父對象具有固定位置
- 4. Jquery UI模式對話框
- 5. JQuery UI自定義模式對話框
- 6. jQUery UI對話框 - 模態創建滾動條,錯誤的維度?
- 7. jQuery UI模式對話框和JSFiddle - 如何刪除滾動條?
- 8. Jquery UI模式對話框不允許滾動
- 9. jQuery UI對話框 - 動畫
- 10. jQuery UI對話框 - 定位
- 11. 定時jQuery UI對話框
- 12. 定位jQuery UI對話框
- 13. 定製jQuery UI對話框
- 14. jQuery UI的模式,對話框:在對話框打開
- 15. 自定義對話框(模態對話框)應在nativescript angular2
- 16. jQuery val(val)不能在模態對話框(jQuery UI)中工作
- 17. 在對話框中的Jquery-ui滾動列表
- 18. 在jQuery UI的對話框
- 19. 動態創建多個Jquery UI模式對話框,php
- 20. 保持固定位置的jQuery UI對話框
- 21. 在jquery模態對話框中定義了ui-widget-content的邊框
- 22. jQuery多模態對話框
- 23. jquery模態對話框onclick?
- 24. jQuery-bootgrid模態對話框
- 25. jQuery UI 1.11.1 - 動態對話框定位不起作用
- 26. JQuery UI對話框滾動條不顯示在Internet Explorer 8上
- 27. JQuery UI對話框 - 在IE中沒有滾動條
- 28. 不能在jQuery UI對話框上滾動iframe if ipad
- 29. Jquery UI對話框
- 30. Jquery UI對話框
風格加入到撥弄:http://jsfiddle.net/3hrSv/2/ –
好,但layoer將不居中。它將保持50px頂部和50px左,但這不是中心。如何居中? –
Niko Nik我更新了我的答案來處理居中,我沒有意識到你想保持居中。 –