0

JQuery の旅を始めたばかりで、スティッキー フッター用の簡単なスクリプトを作成します。

jQuery(document).ready(function($) {
    function StickyFooter() {
        var footer  = $('#footer');
        var pos     = footer.position();
        var height  = $(window).height();

        height = height - pos.top;
        height = height - footer.outerHeight();

        if (height > 0) {
            footer.css({'margin-top' : height+'px'});
        }
        else {
            footer.css({'margin-top' : '0px'});
        }
    }

    StickyFooter();

    $(window).resize(StickyFooter)
});

上記は正常に機能しますが、これが正しく行われているかどうかを知りたいです。カスタム関数を正しく作成しましたか?

4

1 に答える 1

1

これは正しいようです。ただし、作成した機能は重複した機能です。CSS の「固定」位置プロパティがこれを行います。

例：

.myFooter{
      position:fixed; 
      bottom:0;
      left:0
 }

 <div class="myFooter">
      This code is locked to the bottom of the window!
 </div>
于 2013-03-01T07:51:27.780 に答える