javascript - 无法在尝试所有内容时获得置顶页脚

  显示原文与译文双语对照的内容
0 0

所以我得到了基于Drupal的站点 JobCreatr.com. 。

我正在尝试一切可以以获得一个粘贴页脚工作,它只是没有工作。

目前我使用下面的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进行绝对定位等。

我觉得它为什么不能工作。 我只想在所有页面上都有一个统一的高度,在下面没有空白。

时间:原作者:7个回答

0 0

尝试这个:

  1. 在你的#footer-wrapper 位置添加这里选项: 绝对;底部:0 ;宽度: 100% ;边框:0像素;`

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

查看这里预览并将它的编辑为 thorugh Chrome 开发工具: enter image description here

原作者:
0 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() 函数的地方没有区别。

原作者:
...