固定div定位问题，如果固定的div高度超过页脚高度，则通过滚动到达页脚

Question

当用户启动窗口滚动时，在到达页脚时，固定定位的div（固定在窗口底部）将变为相对而没有任何混蛋效果。现在，当固定div高度小于页脚高度时，它工作正常。但是，如果固定div高度超过页脚高度，我们无法将固定div位置更改为相对位置。请在下面找到JSFIDDLE link。

  function checkOffset() {
    if ($('#footer_border').offset().top + $('#footer_border').height() >= $('#footer').offset().top - 10) $('#footer_border').css('position', 'relative');
    if ($(document).scrollTop() + $(window).height() < $('#footer').offset().top) $('#footer_border').css('position', 'fixed'); // restore when you scroll up
}
$(document).scroll(function() {
    checkOffset();
});

如果没有给固定的div提供任何固定高度，请告诉我。