Question

我使用Ryan Fait's Stick Footer，但是我试图动态地获取内容，获取.footer高度并将内联css设置为.wrapper和.push所以我可以使用动态页脚高度。

我尝试了这段代码，但没有成功：

$(function(){
    var footerHeight = $(".footer").height();
    $(".wrapper").css("margin-bottom", -footerHeight);
    $(".push").css("height", footerHeight);
});

有人可以启发我吗？

Answer 1

我相信你需要给它px。

$(function(){
    var footerHeight = $(".footer").height();
    $(".wrapper").css("margin-bottom", "-"+footerHeight+"px");
    $(".push").css("height", footerHeight+"px");
});

Answer 2

试试这个：

    $(function(){
        var footerHeight = parseInt($(".footer").height());
        var actualHeight = parseInt($(".wrapper").css("margin-bottom"))-parseInt(footerHeight);
        $(".wrapper").css("margin-bottom", "-"+actualHeight+"px");
        $(".push").css("height", footerHeight+"px");
    });

有时当我想要做这种修复时，我会使用超时来确保页面完全加载。

- - - - - - - - EDITED

我没时间测试它，但你需要parseInt包装CSS。然后你会有一个INTEGER。此外，您需要定义它是PX还是％。我很确定-footerHeight你使用的方式不起作用。

干杯

根据其他div高度动态设置css值内联到divs - 具有动态高度的棒脚

2 个答案: