2011-12-16 80 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