脚本宝典收集整理的这篇文章主要介绍了详解HTML5将footer置于页面最底部的方法(CSS+JS)，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
本文介绍了详解HTML5将footer置于页面最底部的方法(CSS+JS)，分享给大家，具体如下：
JavaScript:
<script tyPE="text/javascript"> $(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); }); </script>
CSS:
.fixed-bottom {
position: fixed;
bottom: 0;
width:100%;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本宝典。
以上是脚本宝典为你收集整理的详解HTML5将footer置于页面最底部的方法(CSS+JS)全部内容，希望文章能够帮你解决详解HTML5将footer置于页面最底部的方法(CSS+JS)所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。