ios解决输入框弹出后position:fixed失效问题【HTML】

web前端|html教程

ios解决输入框弹出后position:fixed失效问题

web前端-html教程

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

淘宝客 源码 下载,ubuntu取消清华源,小程序爬虫登录,php代码,seo指数1688lzw

如下图：

java crm源码之家,光标快速定位vscode,Ubuntu选择时间,多次启动tomcat,判断sqlite表为空表,爬虫中语言语句块的标记,php 年月日 格式化,江西短视频seo优化,上门手机维修网站源码,免费响应式模板下载lzw

受到CSDN上刘华童鞋（/liu__hua）的启发，找到了目前位置比较完美的解决方案。

商城网站源码php,vscode咋建立html,远程Ubuntu空白,怎么读tomcat源码,sqlite3 文件大小,一楼门口爬虫子了,php淘宝系统,seo查询系统推广快照,另类同人网站源码,html简单的静态网页模板lzw

.head,.foot{position:fixed;left:0;height:38px;line-height:38px;width:100%;background-color:#99CC00;}.head{top:0;}.foot{bottom:0;}.main{position:fixed;top:38px;bottom:38px;width:100%;overflow:scroll;background-color:#BABABA;}

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

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

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

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

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

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

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

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

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

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

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

content

content

content

content

content

content

content

content

content

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

内容转载于：/liu__hua/article/details/40106595

以作记录。