通过设计使用带有modal: true
的jquery对话框,禁用与页面上其他元素的交互 - 包括浏览器滚动条(至少在Chrome中)。如何针对我的特定用例回避此预期限制,例如,如果对话框具有height:1000
。
要清楚:我很清楚我可以在我的div中添加overflow:auto
滚动条,但这不是我想要做的。我希望覆盖jquery模式默认值,关闭仅与浏览器滚动条的交互!
$("#your-dialog-id").dialog({autoOpen:true,modal: true, height:1000});
显示滚动条不起作用的示例(在Chrome中):http://jsfiddle.net/GKfZM/139/
答案 0 :(得分:3)
这实际上是Webkit(或jQuery UI中的一个错误,取决于你应该责怪谁)。
jQuery UI bug:http://bugs.jqueryui.com/ticket/4671
Webkit bug:https://bugs.webkit.org/show_bug.cgi?id=19033
这个bug中包含了一个jQuery UI补丁,但它还没有在UI主干中。这意味着如果你想要走这条路线,修改jQuery UI。
祝你好运!