JS 网页内容不足以充满屏幕，尾部在最底部显示

工作中，碰到了这样的问题，当页面内容不足window的高度时，尾部内容就会上移到内容的最底部，页面的最底部会留下一段距离。

网上有很多方法，我用的是js控制。

window.onload=function () {

if (document.body.clientHeight < window.innerHeight){

$(".footer").css({'position':'fixed','bottom':'0','width':'100%'});

}

}

通过获取body的高度与窗口高度相比较，如果条件满足，就给尾部设置固定定位。