网页页面内容不够的时候，如何让footer一直固定底部显示

这篇文章主要为大家详细介绍了网页页面内容不够的时候，如何让footer一直固定底部显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

网页页面内容不够的时候，如何让footer一直固定底部显示？废话不多说，直接上代码

// 处理页面高度过矮时底部出现空白问题window.onload = function(){//待页面所有图片加载完毕后再执行jQuery(".footer").css({'display':'block'});if (document.body.clientHeight < window.innerHeight){jQuery(".footer").css({'position':'fixed','bottom':'0','width':'100%'});}controllFooter();};function controllFooter(){if ($(window).height() < $(document).height()){$(".footer").css('position','static');}else{$(".footer").css({'position':'fixed','bottom':'0px'});}}

最后补充一下页面样式布局：

CSS版式布局

以上就是网页页面内容不够的时候，如何让footer一直固定底部显示的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持错新网。