ios全屏显示

  1. var y = $summer.offset($summer.byId('header')).h;
  2. var width=$summer.offset(document.getElementsByTagName("body")[0]).w;
  3. var height = $summer.offset($summer.byId('main')).h
  4. $summer.fixIos7Bar($summer.byId('header'));
  5. var height2 = $summer.offset($summer.byId('main')).h
  6. //alert("height="+height+" height2="+height2);
  7. summer.openFrame({
  8. name: 'main',
  9. url: 'html/main.html',
  10. bounces: true,
  11. rect: {
  12. x: 0,
  13. y: y,
  14. w: width,
  15. h: height2***//注意不能使用height***
  16. }
  17. });

解释:
1、首先通过配置文件设置app以全屏显示
2、$summer.fixIos7Bar会调整header的pading-top为20,这样是为了header不至于和手机的statusbar重合。
3、此时再通过$summer.offset($summer.byId(‘main’)).h获取此时的offsetHeight就是最终frame要显示的区域。因为在fixIos7Bar之前整个window的高度比非全屏要多20,而header没有多出20,所以导致的结果是main所在的区域比非全屏时要多20,所以frame的高度应该是在fixIos7Bar之后的main区域的高度才对。

文档更新时间: 2018-06-06 13:54