Question

我刚刚开始我的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)
});

以上工作正常，但我想知道这是否正确完成。我是否正确创建了自定义功能？

Answer 1

这看起来是正确的;但是，您创建的功能是重复功能。 CSS'fixed' position property为您完成此操作。

一个例子：

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

 <div class="myFooter">
      This code is locked to the bottom of the window!
 </div>

用jquery粘贴页脚

1 个答案: