允许浏览器滚动条与jquery模式对话框一起使用

时间:2011-12-16 10:19:14

标签: jquery jquery-ui

通过设计使用带有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/

1 个答案:

答案 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。

祝你好运!