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/