粘頁腳開始關閉屏幕

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/