끈적한 바닥 글이 작동하지 않음 - 모든 것을 시도하십시오.

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 %; 국경 : 0px;

2. width: 80%;을 .container에서 찾아보십시오.

크롬 개발 도구 thorugh을 미리보기를 참조 편집 :

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); 

자바 스크립트에서 줄 바꿈 ;과 유사 것을 기억하십시오. 어디에 넣어 positionFooter() 기능을 변경하지 않습니다.