Question

jQuery的新手，我正在尝试修改此脚本：

$(function(){
positionFooter(); 
function positionFooter(){
    var padding_top = $(".footer").css("padding-top").replace("px", "");
    var page_height = $(document.body).height() - padding_top;
    var window_height = $(window).height();
    var difference = window_height - page_height;
    if (difference < 0) 
        difference = 0;

    $(".footer").css({
        padding: difference + "px 0 0 0"
    })
}

$(window)
    .resize(positionFooter)
});

工作正常;因为当前身体bg和页脚之间存在间隙，我只想在主体容器中添加填充底部而不是填充到页脚顶部。

html是：

<div class="sys_main_content container">
    <section>
</div>
<footer class="footer">

我想在部分部分添加填充底部。这没有工作：

$(function(){
positionFooter(); 
function positionFooter(){
    var padding_top = $("section").css("padding-bottom").replace("px", "");
    var page_height = $(document.body).height() - padding_top;
    var window_height = $(window).height();
    var difference = window_height - page_height;
    if (difference < 0) 
        difference = 0;

    $("section").css({
        padding: difference + "0 0 px 0"
    })
}

$(window)
    .resize(positionFooter)
});

虽然它很接近......我可以看到插入的样式，它只是空的。

非常感谢提前。

Answer 1

您可以使用其中任何一种

$("section").css({
    padding: "0 0 " + difference + "px 0"
})

或

$("section").css({
    "padding-bottom": difference + "px"
})

Answer 2

这样做：

padding: "0 0 "+ difference + "px 0"

写padding基本上设置了top right bottom left。这是订单。

如何使用.replace方法定位填充底部

2 个答案: