不能得到一個粘腳工作 - 嘗試一切

所以我有網站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。

我不知道爲什麼它不起作用。我只想在所有頁面上都有一個統一的高度頁腳，下面沒有空白區域。

來源

2013-07-23 Andrew Alexander

你爲什麼要用JS？ – spender

由於CSS不起作用，所以我正在用「hack-ish」解決方案。我更喜歡css。 –

http://cleanstickyfooter.herokuapp.com/看起來很容易實現。 – spender

試試這個：

添加這對你#footer-wrapper的位置是：絕對的;底部：0;寬度：100％; border：0px;`
我看width: 80%; on .container刪除。

看到這個預覽和編輯它thorugh Chrome開發工具： enter image description here

來源

2013-07-23 22:45:53

我試過了，它似乎沒有工作。我會再試一次。 –

人，但如果你注意到，實際頁腳仍然很高。例如，我希望它只有一定的像素大小。 –

嘗試，更多的東西一樣：

(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-23 22:58:37 PHPglue

不能得到一個粘腳工作 - 嘗試一切

回答

相關問題