jquery - 具有页眉/正文/页脚的可调整大小的 DIV 容器，其中正文可滚动

Question

我错过了一些非常简单的东西，但我无法让这个可调整大小的 div 容器按照我想要的方式工作。

示例如下:http://jsfiddle.net/thinkingmedia/yrJre/

我的问题是主体没有溢出并触发滚动条。当容器大小调整时，div 的内容保持相同的大小。

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

上面的插图是我想要的。

我想创建一个可调整大小的 div，其中正文内容可滚动，但页眉/页脚保持可见。

Answer 1

我通过添加调整大小处理程序解决了您的问题:

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

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

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