滚动和动态高度后，使元素固定为静态

Question

我有一个页脚区域，应始终显示在页面底部。但是，如果没有高于它的高度，它应该坚持（静态/相对）。 我想出了这个非常基本的代码：

if( footer.offset().top < sidebarContents.innerHeight() ) {
    footer.addClass('static');
}
else {
    footer.removeClass('static');
}

这包含在$（window）.scroll（）。

中

问题是，当打开或低于适当的高度时，页脚会闪烁。每次滚动更改时，它会从固定跳转到静态。我知道，if在某种程度上是错误的。

有人可以给我一些关于如何处理它的建议吗？