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

缘由:html

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

fixed失效后,至关于变成了absolute定位,要是屏幕是能够滚动的就更加惨不忍睹,原本fixed的模板会跟着滑动起来。web

解决方法:code

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

-webkit-overflow-scrolling: touch;

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

<main style="height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;">
<!--能够滚动的内容-->
</mian>
相关文章
相关标签/搜索