CSS粘滯頁腳 - 兩個水平滾動條？

Question

我使用CSSStickyFooter.com教程在我的業餘不完美的嘗試，以獲得完美的粘腳工作。

這是關於「主」div上的overflow:auto;風格的特定問題。有了這個功能，當用戶縮小窗口時，我的頁面上方會出現一個水平滾動條。這個添加的滾動條不能像它應該的那樣自動出現在窗口的底部嗎？

Answer 1

你在一個奇怪的地方得到滾動條的原因是因爲它在<div>而不是在頁面上。這是使用overflow:auto;的結果。

overflow:auto;告訴CSS你想讓那個特定的<div>當它太小而不能顯示其所有內容時滾動條（水平或垂直）。

因此，你的問題的直接答案是否定的;您無法將滾動條放在頁面的其他位置，因爲它連接到<div>。

但是，可能有解決辦法。首先，如果您不介意在顯示範圍很窄時剪裁的內容，則可以設置滾動條，使其只顯示橫向滾動條，並抑制垂直滾動條。你可以這樣做：

overflow-y: scroll; 
overflow-x: hidden; 

或者，可能有其他方法來修復你的代碼; CSSStickyFooter.com非常瞭解，所以如果它適用於沒有這個小故障的其他人，它也可能會爲你工作。但是我們需要多看一些代碼，以幫助您進一步瞭解該行。

Answer 2

我研究，並試圖爲粘頁腳的許多技術，發現這一個偉大的工作：

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

我有我一個以前使用許多其他技術問題。如果使用CSSStickyFooter.com不是您的項目的嚴格要求，我建議您使用我提到的鏈接中描述的技術。