请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12345下一页
返回列表 发新帖
显示全部楼层
28
帖子
1
勋章
1万+
Y币

解决iOS10中调用fixStatusBar方法页面高度增加导致上下拖动问题

  [复制链接]
发表于 2016-9-14 16:46:41
本帖最后由 技术咨询-Kenny 于 2017-5-27 14:10 编辑

应用在iOS10上运行时,有的页面会发现调用$api.fixStatusBar方法后整个window的内容高度增加了20px,导致之前不可滚动的window页面可以上下拖动。出现这问题在于之前window页面的内容已经充满了整个页面,再将header增加padding后导致页面内容高度超过了页面实际高度。

解决办法:

1、如果window中只需要header和frame,那么就去掉window中其它多余的dom元素,只保留header,这样即使header增加了padding页面内容高度也不会超出。
2、如果window中有header和footer,可以将header和footer中间自适应的部分(充满header和footer之间的区域)的overflow属性指定为auto或scroll。

17
帖子
0
勋章
41
Y币
<header>
        <ul>
            <li class="border-b active" >微校</li>
            <li class="border-b" >学堂</li>
            <li class="border-b" >看宝宝</li>
            <li class="border-b" >发现</li>
            <li class="border-b" >我</li>
        </ul>
    </header>
    <div id="main" class="flex-con">

    </div>
    <div id="footer" class="border-t">
        <ul class="flex-wrap" >
            <li tapmode="hover" onclick="randomSwitchBtn( this );" class="flex-con active" >微校</li>
            <li tapmode="hover" onclick="randomSwitchBtn( this );" class="flex-con" >学堂</li>
            <li tapmode="hover" onclick="randomSwitchBtn( this );" class="flex-con" ></li>
            <li tapmode="hover" onclick="randomSwitchBtn( this );" class="flex-con" >发现</li>
            <li tapmode="hover" onclick="randomSwitchBtn( this );" class="flex-con" >我</li>
        </ul>
    </div>


是不是就给#main加上overflow:auto啊
我今天也遇到了这个问题
17
帖子
2
勋章
2015
Y币
挺及时的,赞一个
9
帖子
1
勋章
2873
Y币
没敢升到10,也不知道是什么情况,不知道我的方式会不会出错。
0
帖子
0
勋章
171
Y币
加了之后出现 api.fixIOS10ContentHeight() function is not defined. 还要加什么吗?
2
帖子
0
勋章
20
Y币
我试了也是undefinde是不是还要升级什么东西
2
帖子
0
勋章
20
Y币
能不能解决下,调用这个方法undefine错误
17
帖子
0
勋章
76
Y币
试过了,不行,拜托没测试的东西 不要发出来忽悠人
28
帖子
0
勋章
5162
Y币
KNight丶 发表于 2016-9-16 09:50
试过了,不行,拜托没测试的东西 不要发出来忽悠人

提交代码云编译试试,可能没更新到工具吧
2
帖子
0
勋章
20
Y币
selina1105 发表于 2016-9-16 10:17
提交代码云编译试试,可能没更新到工具吧

云编译了也不行
12345下一页
您需要登录后才可以回帖 登录

本版积分规则