网页页面内容不够的时候，怎样让footer一直固定底部显示
发布时间：2022-02-11 10:39:47 所属栏目：经验 来源：互联网
导读：这篇文章主要为大家详细介绍了网页页面内容不够的时候，如何让footer一直固定底部显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。 网页页面内容不够的时候，如何让footer一直固定底部显示？废话不多说，直接上
|
这篇文章主要为大家详细介绍了网页页面内容不够的时候，如何让footer一直固定底部显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。 网页页面内容不够的时候，如何让footer一直固定底部显示？废话不多说，直接上代码 <script type="text/javascript">// 处理页面高度过矮时底部出现空白问题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'});}}</script> （编辑：东莞站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
