jquery ui可调整大小的问题

Question

我正在使用jquery-ui-1.9.2和jquery-ui dialog，最小化它们进入屏幕左侧容器的对话框，我通过使用以下代码使对话框容器可调整大小

$(function() {
    $( ".container" ).resizable();
});

和它的css：

.container {
    position:fixed;
    width: 200px;
    height: auto;
    border: 1px solid #CCCCCC;
    overflow: scroll
}

现在在这里明确提到容器必须仅在溢出时显示滚动条。如果我取消可调整大小的功能，这可以正常工作，但如果我使用该功能，则滚动条会出现在页面加载本身上。

我如何摆脱这个？

Answer 1

好吧，我自己想通了。 刚刚更改了resizable（），如下所示

$(function() {
$( ".container" ).resizable({ handles: "e" });
 });

现在滚动条仅在溢出时出现。

Answer 2

将overflow: scroll替换为overflow: auto