根据显示的div自动扩展DIV的高度

时间:2015-12-17 13:40:01

标签: javascript html css

我正在使用div滑动的东西,正如您在fiddle example

中看到的那样
puts @articles.first.attributes.to_json
=> "{\"id\":293,\"title\":\"M\\u00fcller\"}"

以下是我使用的复杂性:

我有12个右侧DIVS,它们都设置显示:无,除了一个。 在移动的DIV上,我有一个指向其他隐藏DIV的链接列表。它们通过显示或隐藏jQuery函数显示或隐藏....

这一切都适用于高度设置为700px(所以我可以容纳很多内容)

如何根据内容自动调整高度?如果,让我们说Div 5号有更多的内容并且需要滚动...我该如何展开它并显示它?

我希望你们能帮助我。非常感谢你提前。

1 个答案:

答案 0 :(得分:1)

使用类似这样的jQuery将为div的所有孩子#wrapper使用儿童身高的最大值。

$(window).on('load', function () {
        var maxHeight = 0;
        jQuery("#wrapper > div").each(function () {
            var thisHeight = jQuery(this).height();
            maxHeight = thisHeight > maxHeight ? thisHeight : maxHeight;
        }).height(maxHeight);

});

在此处添加了一个示例: https://jsfiddle.net/mq2c2129/15/