2

非常に単純なものを見逃しましたが、このサイズ変更可能divなコンテナーを希望どおりに動作させることができません。

例: http://jsfiddle.net/thinkingmedia/yrJre/

私の問題は、ボディがオーバーフローしてスクロールバーをトリガーしていないことです。コンテナーのサイズを変更しても、の内容はdiv同じサイズのままです。

+------------------------------+
| HEADER                       |
+------------------------------+
| BODY                       |X|
|                            |-|
|                            | |
|                            | |
|                            | |
|                            | |
|                            | |
|                            | |
|                            | |
|                            |-|
|                            |X|
+------------------------------+
| FOOTER                       |
+------------------------------+

私が欲しいものの上のイラスト。

div本文のコンテンツがスクロール可能で、ヘッダー/フッターが表示されたままのサイズ変更可能なものを作成したい。

4

3 に答える 3

2

サイズ変更ハンドラーを追加して問題を解決しました。

$(".filter-form").resizable().resize(function()
{
    var bodyHeight = $(this).height() - 40;

    $('.filter-body').css('height', bodyHeight + "px");
});

http://jsfiddle.net/yrJre/3/

于 2013-07-31T14:29:15.463 に答える
0

初期の高さを指定する必要があります。また、本文は resize:both (または必要に応じて垂直のみ) に設定する必要があります。

.filter-form
{
    border: 1px solid black;
}

.filter-body
{
    overflow-x: hidden;
    overflow-y: auto;
    resize: both;
    height: 200px;
}

これが私のjsfidleの例です。サイズ変更可能な JavaScript もコメントアウトされていることに注意してください。 http://jsfiddle.net/3ZuP4/

于 2013-07-31T14:31:27.083 に答える