H5游戏的巧妙布局_详解HTML5将footer置于页面最底部

详解HTML5将footer置于页面最底部的方法(CSS+JS)   发布     这篇文章主要介绍了详解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%;

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持凡科。

我们经常会遇到这样的问题：如何用css来实现底部元素可“粘住底部”的效果，对于“粘住底部”，本篇文章就来介绍一下。非常具有实用价值，需要的朋友可以参考下

本篇文章主要介绍了详解CSS五种方式实现Footer置底，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

下面小编就为大家带来一篇利用CSS使footer固定在页面底部的实例代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

下面小编就为大家带来一篇html的footer置于页面最底部的简单实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧