无法使粘性页脚工作 - 尝试一切

Question

所以我有了JobCreatr.com网站。它基于Drupal。

我正在尽我所能让粘性页脚正常工作而且它无法正常工作。

目前我正在使用以下jQuery来执行此操作：

(function ($) {

$(function(){
    positionFooter(); 
    function positionFooter(){
        var padding_top = $("#footer-wrapper").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-wrapper").css({
            padding: difference + "px 0 0 0"
        })
    }

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

})(jQuery);

据我所知，应该动态调整页脚大小。

我也尝试过用CSS进行绝对定位等。

我为什么不工作而感到茫然。我只想在所有页面上都有一个统一的高度页脚，下面没有空白区域。

Answer 1

试试这个：

1. 在#footer-wrapper位置添加：绝对;底部：0;宽度：100％; border：0px;`

2. 我在width: 80%;上看到.container删除了该内容。

查看此预览并编辑了Chrome开发工具：

Answer 2

尝试，更像是：

(function($){
  function positionFooter(){
    var padding_top = $('#footer-wrapper').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-wrapper').css({padding: difference+'px 0 0 0'});
  }
  positionFooter();
  $(window).resize(positionFooter);
})(jQuery);

请记住，JavaScript中的换行符与;类似。我把positionFooter()函数放在哪里没有什么区别。