1

所以我有网站 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 进行绝对定位等。

我不知道为什么它不起作用。我只想在所有页面上都有一个统一的高度页脚，下面没有空白。

4

2 回答 2

1

尝试这个：

  1. 在你的位置上添加这个#footer-wrapper：absolute; 底部：0；宽度：100%；边框：0px；`

  2. 我看到删除它width: 80%;。.container

查看此预览并通过 Chrome 开发工具对其进行编辑： 在此处输入图像描述

于 2013-07-23T22:45:53.533 回答
0

试试，更像：

(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()函数放在哪里没有什么区别。

于 2013-07-23T22:58:37.603 回答