jquery - 固定位置 div 在调整大小时飞行

Question

我正在使用 jquery ui 来调整 div 的大小，但我的固定位置 div 在调整大小时移动到顶部。

这是小提琴

尝试调整它飞到顶部的 div 的大小。

jQuery 用户界面

$('.chatwnd').resizable({
            maxHeight: 550,
            maxWidth: 700,
            minHeight: 350,
            minWidth: 300,
            handles: "n, e"
        });​

css

.chatwnd{
    position:fixed;
    bottom:0px;
    left:50px;
    height: 350px;
    width:auto;
    min-width:300px;
    max-width:700px;
    border:1px solid #ccc;
    box-shadow:0px 0px 1px #777;
    border-radius: 5px;
    background:#ffffff;
    overflow:hidden;
    box-sizing:border-box;
    -webkit-transition:height 1s;
}​

html

<div class="chatwnd" > </div>​

我该如何调整它的大小？？？

Answer 1

显然position: fixed;不支持可调整大小（JQuery UI resizable 不支持位置：固定；有什么建议吗？）。

查看上面帖子中接受的答案，我认为他们找到了解决方案！