粘性页脚从屏幕开始

Question

我的屏幕上有一个粘性页脚：

<div id="footer"> <!-- Your footer here --> </div>


 $(window).bind("load", function () {
    var footer = $("#footer");
    var pos = footer.position();
    var height = $(window).height();
    height = height - pos.top;
    height = height - footer.height();
    if (height > 0) {
        footer.css({
            'margin-top': height + 'px'
        });
    }
});

当页脚在视口之后启动时，您必须向下滚动才能看到它。如何将其略微拉起以使其位于视口内？

Answer 1

将footer.height();更改为footer.innerHeight();。

查看此codepen

Answer 2

将footer.height()替换为footer.outerHeight()。然后使用$(document).ready代替$(window).bind，因为.bind现已弃用。

https://jsfiddle.net/mblase75/aj08qffx/