粘页脚开始关闭屏幕

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.outerHeight()更换footer.height()。然后使用$(document).ready而不是$(window).bind，因为现在不推荐使用.bind。

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