jQueryを使ってスティッキーフッターを作りたいです。
ここで私がやったことhttp://jsbin.com/elapi/edit
#wrapper
境界線がページ全体をフッターまで折り返すようにするために、助けが必要です。
お知らせ下さい
jQueryを使ってスティッキーフッターを作りたいです。
ここで私がやったことhttp://jsbin.com/elapi/edit
#wrapper
境界線がページ全体をフッターまで折り返すようにするために、助けが必要です。
お知らせ下さい
jqueryを使用していませんが、これをチェックしてください。フッター (div) をページの下部に揃えるには? このhttp://ryanfait.com/sticky-footer/とhttp://www.cssstickyfooter.com/には、単純な css と html を使用したソリューションがあります。ページがビューポートよりも小さい場合、フッターは下部にくっつきます。ページの高さがビューポートのサイズよりも大きくなる場合、フッターはページの下部に追加されます。つまり、フッターは本体と重なりません。
これを実現するために jQuery を使用する必要はありません。純粋な CSS を使用できるはずです。このようなもの:
#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
次に、メイン コンテンツの下部に十分な余白があることを確認して、最後までスクロールしたときにフッターに隠れないようにします。