应用商店改版
出现一个问题:屏幕很高的话,比如大显示器,
页面内容很少的话,最大化浏览器,最下面就是空白的:
Js代码
- //兼容页面的高度,因为如果Pc端屏幕是大屏幕的话,最下面是空白的
- var $divConction=$('div.conction');
- var height=$divConction.height();//获取div的实际高度
- console.log("height:"+height);
- var docHeight=$(document).height();//浏览器当前窗口文档的高度
- var delteHeight=docHeight-height-210;
- if(delteHeight>0){
- //如果是大屏,则增加div的高度,把内容撑开,使footer始终在最下面
- $divConction.height(height+delteHeight);
- }
- console.log(docHeight);
Js代码
- adapteHeight:function (e) {
- var $divConction=$('div.con-fl');
- var height=$divConction.height();
- console.log("height:"+height);
- var docHeight=$(document).height();//浏览器当前窗口文档的高度
- var delteHeight=docHeight-height-254;//172
- if(delteHeight>0){
- $divConction.height(height+delteHeight);
- }
- console.log(docHeight);
- },
参考:http://www.cnblogs.com/hoojo/archive/2012/02/16/2354663.html
