工作中,碰到了这样的问题,当页面内容不足window的高度时,尾部内容就会上移到内容的最底部,页面的最底部会留下一段距离。
网上有很多方法,我用的是js控制。
window.onload=function () {
if (document.body.clientHeight < window.innerHeight){
$(".footer").css({'position':'fixed','bottom':'0','width':'100%'});
}
}
通过获取body的高度与窗口高度相比较,如果条件满足,就给尾部设置固定定位。