jQuery UI对话框:如果对话框高度超过窗口高度,则垂直滚动工作不正确

Question

这是代码:

<script type="text/javascript">
    $(function(){
        var dialogOptions = {
            title: "Header",
            autoOpen: false,
            modal: true,
            width: 400,
            height: 1000
        };
        $(".wnd").dialog(dialogOptions);
        $("#btn").click(function(){ $(".wnd").dialog("open"); });
    });
</script>

<style>
    .wnd {background:yellow;height:900px;width:300px;}
</style>

<div class="wnd"></div>
<button id="btn">click me</button>

当打开对话框并且它高于主窗口时,会有一个侧滑块,如果您尝试使用鼠标光标拖动它(它看起来像锁定),它不会向下滑动.

但是当按下键盘上的按钮(箭头)或用鼠标滚轮向下滚动时,它可以滑动.

这是关于jsfiddle的演示.

如何激活侧滑块？

谢谢!

Answer 1

一个干净的解决方案就像这样：

http://jsfiddle.net/4fc33/6/

我正在做的是包装 jQuery UI 覆盖创建方法来关闭阻止滚动正常工作的事件。