您的位置:首页 > 移动开发

移动端:解决ios软键盘获得焦点后,fixed悬挂失败的问题

2016-04-26 00:00 435 查看
摘要: 通过使用CSS的overflow-y和HTML来解决这个问题

原因:

上网查,据说是ios输入框的bug,应该说是所有会唤出软键盘的控件都有这个bug。每次软件盘获得焦点后,就会让fixed失效,

fixed失效后,相当于变成了absolute定位,要是屏幕是可以滚动的就更加惨不忍睹,本来fixed的模板会跟着滑动起来。

解决方法:

将可以滑动的内容(模块)放进一个html元素,举例放进main标签中包着,并且使用overflow-y: scroll来使溢出的内容可以滑动起来,另外添加

[code=plain]-webkit-overflow-scrolling: touch;

该属性可以使用main内的内容滑动起来不会显得生硬,变得平滑起来。

[code=plain]<main style="height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;">
<!--可以滚动的内容-->
</mian>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: