2011-12-16 74 views
2

通過設計使用jQuery對話框modal: true禁止與頁面上的其他元素進行交互 - 包括瀏覽器滾動條(至少在Chrome中)。我如何迴避這個特定用例的限制,例如對話框有height:1000允許瀏覽器滾動條使用jquery模式對話框

要清楚:我很清楚我可以爲我的div添加一個overflow:auto滾動條,但這不是我想要做的。我正在尋找重寫jquery模態默認關閉與瀏覽器滾動條的交互!

$("#your-dialog-id").dialog({autoOpen:true,modal: true, height:1000}); 

範例顯示滾動條不工作(在Chrome):http://jsfiddle.net/GKfZM/139/

回答

3

這實際上是在WebKit的一個bug(或jQuery用戶界面,這取決於你想誰的錯)。

jQuery UI的錯誤:http://bugs.jqueryui.com/ticket/4671

的Webkit漏洞:https://bugs.webkit.org/show_bug.cgi?id=19033

有包含在錯誤的jQuery UI的一個補丁,但它不是在UI行李箱呢。這意味着修改jQuery UI,如果你想要去那條路線。

祝你好運!

+0

+1黨,我希望有一些不明確的財產或東西。我會在5分鐘左右接受這個答案 – themerlinproject 2011-12-16 10:29:03