ラッパーをスティッキーフッターにプッシュダウンする方法

Question

jQueryを使用してスティッキーフッターを作成します。私は私がフッタまでページ全体をラップします私の#wrapper境界線を作るためにいくつかの助けが必要

http://jsbin.com/elapi/editをやっている。ここ

。

教えてください

Answer 1

jqueryは使用しませんが、これを確認してください。このhttp://ryanfait.com/sticky-footer/のHow to align footer (div) to the bottom of the page?とhttp://www.cssstickyfooter.com/には、単純なcssとhtmlを使用した解決策があります。ページがビューポートよりも小さい場合は、フッターが下部にスティックされます。ページの高さがビューポートのサイズより大きくなると、フッターはページの下部に追加されます。つまり、フッターは本体と重複しません。

Answer 2

これを達成するためにjQueryを使用する必要はありません。純粋なCSSを使用できるはずです。このような何か：

#footer { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
} 

それからちょうどあなたが最後までスクロールしたときにそれはフッターによって隠されていないことを確認するためにあなたのメインのコンテンツの下に十分なパディングを持っていることを確認してください。