我的jQuery代碼不適用於粘性頁腳

-1

我在使用jQuery時遇到了粘性頁腳的問題。我使用jQuery的原因是因爲它是「需求」，所以我必須使用它。我的jQuery代碼不適用於粘性頁腳

這裏是我的jQuery代碼：

$(document).ready(function() { 
     var bodyHeight = $("body").height(); 
     var windowHeight = $(window).height(); 
     if (windowHeight > bodyHeight) { 
      $("Footer").css("position", "absolute").css("bottom", 0); 
     } 
    });

您可以檢查My site

它堅持到頁面的按鈕時，則含量不大於該網站更大的問題，但是當它當內容比窗口站點長時，「中斷」。

希望你能幫助我，而不是指使用CSS另一個頁面，正如我所說的，我必須使用jQuery

再次感謝

來源

2014-01-10 Carsten Løvbo Andersen

使用jQuery設置CSS造型絕對尷尬。誰制定了這個愚蠢的政策？儘管如此，不管包含在CSS文件中還是應用jQuery'css（）'函數，所需的樣式應該都是相同的。 –

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document

所以你需要應用這樣的：

$(document).ready(function() { 
     var bodyHeight = $(document).height(); 
     var windowHeight = $(window).height(); 
     if (bodyHeight > windowHeight) { 
      $("Footer").css("position", "absolute").css("bottom", 0); 
     } 
    });

替換爲(windowHeight > bodyHeight)與(bodyHeight > windowHeight)

，同時也應保證對選擇Footer

來源

2014-01-10 08:59:38

你在這裏真正的問題：

爲此使用jQuery是一個非常奇怪的想法。爲什麼不使用現有的教程？例如tutorial關於asp.net的偶數點
您的代碼將始終覆蓋頁面的一部分：頁腳有一定高度，此高度將從內容中提取出來，這是一種糟糕的粘性頁腳樣式，請不要考慮這個問題

使用另一種方式來完成任務。

來源

2014-01-10 08:57:47 smnbbrv

我的jQuery代碼不適用於粘性頁腳

回答

相關問題