footer高度任意+js实现footer在底部

最新推荐文章于 2020-11-08 16:34:49 发布

weixin_30258027

最新推荐文章于 2020-11-08 16:34:49 发布

阅读量181

点赞数

原文链接：http://www.cnblogs.com/libo199374/p/8032023.html

版权

<body> <header>header</header> <main>main content</main> <footer>footer</footer> </body>

/* 动态为footer添加类fixed-bottom */
.fixed-bottom {position: fixed;bottom: 0;width:100%;}

$(function(){ function footerPosition(){ $("footer").removeClass("fixed-bottom"); var contentHeight = document.body.scrollHeight,//网页正文全文高度 winHeight = window.innerHeight;//可视窗口高度，不包括浏览器顶部工具栏 if(!(contentHeight > winHeight)){ //当网页正文高度小于可视窗口高度时，为footer添加类fixed-bottom $("footer").addClass("fixed-bottom"); } else { $("footer").removeClass("fixed-bottom"); } } footerPosition(); $(window).resize(footerPosition); });

转载于:https://www.cnblogs.com/libo199374/p/8032023.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30258027

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
footer高度任意+js实现footer在底部

<body> <header>header</header> <main>main content</main> <footer>footer</footer></body>/* 动态为footer添加类fixed-bottom */.fixed-bottom {position: fi...
复制链接

扫一扫