footer 部分定位的问题

Question

如图 页面主要分为两个部分
上面是一个tab选项卡
选项卡的右边是内容区 我点击左边的第几个导航 对应的第几个item就显示

下面是footer

因为我的wrapper完全是靠导航的高度 或者 内容区item撑起来的

当wrapper的高度很低的时候，footer就可能会离开窗口底部太远。 这时可以用absolute定位到底部

但是当wrapper的高度很高时， footer定位到底部就不好了， 这时需要用relative

针对以上 我用了js判断 body的clientHeight 和 scrollHeight, 代码如下

但是在个别界面还是会失去效果 这里应该有一个临界点。 大家平时会怎么做？？？

Answer 1

可以参考一下Sticky footers