Question

我有一个响应式网站，它检查最高栏并相应地定位页脚，因为我必须使用绝对定位。我的问题是，我在一页上有手风琴，页脚与手风琴的内容重叠。如何调整下面的代码以考虑手风琴的最高部分，或者在单击手风琴并调整高度大小时有一个新的事件来注册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();
});

Answer 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;
}

e.g。

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

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

1 个答案: