当前位置:Gxlcms > html代码 > ios解决输入框弹出后position:fixed失效问题_html/css_WEB-ITnose

ios解决输入框弹出后position:fixed失效问题_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:31人阅读

最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题。position:fixed在安卓2.2以上已经实现,但是在ios8以下系统当小键盘激活时,会出现位置错位的问题。

如下图:

受到CSDN上刘华童鞋(http://my.csdn.net/liu__hua)的启发,找到了目前位置比较完美的解决方案。

顶部固定区域

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动

当内容欲出隐藏时,灰色区域可上下拖动















































content
content
content
content
content
content
content
content
content
底部固定区域

当小键盘出现时头部、底部自动跳到页面最顶端、最底端。键盘隐藏时又会固定在头部,底部。

内容转载于:http://blog.csdn.net/liu__hua/article/details/40106595

以作记录。

人气教程排行