jquery - 用jquery粘贴页脚

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 属性为您完成了这项工作。

一个例子：

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

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