使用jQuery頁面底部的頁腳

-1

即使頁面內容不是很高，我仍嘗試將頁腳保留在頁面底部。當用戶使頁面變小並且腳符合內容時，滾動應該出現並且頁腳應該隱藏在內容下面。使用jQuery頁面底部的頁腳

（我不想頁腳是在固定的位置，因爲當它滿足了內容，頁腳會在頂部和隱藏內容）

有詹姆斯·泰勒的一個很好的例子菲利普在這裏建議。我想要與jQuery相同的效果。（因爲我需要的內容是在絕對定位，我不能適用這個CSS解決方案）http://matthewjamestaylor.com/blog/bottom-footer-demo.htm

$(function(){ 
    var documentHeight = $(document).height(); 
    if(documentHeight >= 420){ 
     $('#foot').css({position: 'absolute',bottom:'10px'}); 
    } 

    else{ 
     $('#foot').css({position: 'absolute',top:'410px'}); 
    } 
})

來源

2012-09-21 Nrc

你知道你沒有選擇jQuery中的小提琴嗎？如果我這樣做，只要我滾動，事情就會正常工作。也就是說，如果顯示器支持無處不在的話，display：flex會很好用：http://jsfiddle.net/2AWeV/。 – pimvdb

我更新了選擇jQuery。謝謝。我想我沒有解釋清楚。我不想flex。正如菲利普所說：即使身體小於窗戶，我仍想留在窗戶的底部，但如果身體更大，頁腳將位於文檔的底部。菲利普與CSS的解決方案是可以的。但我仍然不明白爲什麼我的解決方案與jQuery不起作用。 – Nrc

我不明白什麼是錯的。爲什麼我有一個負面的觀點？如果我知道這個問題，我會解決它！ – Nrc

你想要的是

var topDistance = $('#foot').offset().top;

[編輯]如果你想保持你的

頁面底部，總是在底部，您需要使用

position: fixed; 
bottom: 10px;

但是，如果你想保持頁腳窗口的底部，即使身體比窗口小，但如果身體較大，頁腳會在文檔

這裏的底部是一個解決方案：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

來源

2012-09-21 15:48:27

使用CSS的解決方案非常好。謝謝。但它有一些侷限性，我認爲在我的情況下是不可能的。 jQuery的解決方案似乎非常好，但似乎並不奏效。有人知道爲什麼嗎？把它付諸實踐：http://jsfiddle.net/mdAsn/43/ – Nrc

使用jQuery頁面底部的頁腳

回答

相關問題