JQuery手风琴，根据高度定位页脚答案

【问题标题】：JQuery accordion, position footer according to heightJQuery手风琴，根据高度定位页脚
【发布时间】：2013-05-12 14:08:45
【问题描述】：

我创建了一个响应式网站，它检查最高列并相应地定位页脚，因为我不得不使用绝对定位。我的问题是，我在一页上有一个手风琴，页脚与手风琴的内容重叠。如何调整以下代码以考虑手风琴的最高部分，或者在单击手风琴并调整高度大小时注册 setFooter 函数的新事件？

http://jqueryui.com/accordion/

function setFooter() {
        var rightcol = $('._right').height();
        var midcol = $('.col_centre').height();
        //var accordian = '?';

        if (rightcol > midcol) {
            $('.col_centre').css('height', rightcol + 'px');
        }
       /* if (accordian > midcol) {
            $('.col_centre').css('height', checkout + 'px');
        }*/
}
$(document).ready(function() {
    setFooter();

});
$(window).resize(function() {
    setFooter();
});

【问题讨论】：

一个快速的 jsfiddle 可以让我们更快地帮助您。

标签： jquery height accordion

【解决方案1】：

此代码计算“content-div”中最高的元素，然后使用结果值设置页脚顶部值：

var h, elems, max_height;
elems = $( 'content-div' );
for( i = 0; i < elems.length; i++ ) {
    h = elems[i].offsetTop + elems[i].offsetHeight + elems[i].style.marginTop + elems[i].style.marginBottom;
    max_height = ( max_height > h ) ? max_height : h;
}

例如

$('#footer').css('top', max_height + 'px');

【讨论】：