0

jquery uiを使用してdivのサイズを変更していますが、固定位置のdivがサイズ変更時に一番上に移動しています。

これがフィドルです

上に飛ぶdivのサイズを変更してみてください。

jquery ui

$('.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>​

どうすればサイズを変更できますか？

4

1 に答える 1

0

どうやらposition: fixed;サイズ変更に関してはサポートされていません（JQuery UIのサイズ変更は位置をサポートしていません：修正済み;推奨事項はありますか？）。

上記の投稿で受け入れられた答えをチェックしてください、私は彼らが解決策を見つけたと思います！

于 2012-09-18T12:55:56.413 に答える