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

Question

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

Here is fiddle

尝试调整它飞到顶部的 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 does not support position: fixed; Any recommendations? ) 方面不受支持。

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