css-float - フローティング フッターは常に下部に表示されます

Question

私はこのようなウェブサイトを持っています: >> ウェブサイト <<。メインとフッターの 2 つのフレームで構成されています。フレームなしで動作させようとしていました（携帯電話では動作しません）。常に表示されるようにフッターを下部に貼り付ける単純な CSS または jQuery メソッドはありますか? 効果は上記のウェブサイトのようですか？css を使用しようとしましたが、下にスクロールしたときにのみフッターが表示されます。フッターが実際のコンテンツをカバーするようにしたいので、たとえば常に 50 ピクセルの高さで、常に画面の下部に表示されます。ページの高さが 10000px であっても。単純なことだと思いますが、どこかで迷子になりました。事前にご協力いただきありがとうございます

Answer 1

はい。それはposition: fixedプロパティです。

.footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
}

デモ: http://jsfiddle.net/ZsnuZ/

Answer 2

(function() {
    $('.footer').css('position', $(document).height() > $(window).height() ? "inherit" : "fixed");
})();

Answer 3

以下のコードを使用して、高さを比較し、フッターを下部に設定することもできます。

 $(document).ready(function(){
    if($("body").height() < $(window).innerHeight()) {
                    $('#footer').css('position','fixed');
                    $('#footer').css('bottom',0);
    }
 });