相关疑难解决方法(0)

我希望对话框具有最大高度设置,但是,如果内容较小,则缩小以执行height = 'auto'操作.这在JQuery UI对话框中是否可行？

这是代码:

<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的演示.

如何激活侧滑块？

谢谢!