移动web页面,input获取焦点弹出系统虚拟键盘时,挡住输入框,求方案
这是我看见N个问这个问题的了,推荐一个githubGitHub - jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing里面有移动端一些常见坑,还是不错的。
■网友
var inputTextBox = document.getElementById(\u0026#39;input-text-box\u0026#39;);setInterval(function(){ inputTextBox.scrollIntoView(false);},200)这个在https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView#Browser_compatibility 中说还是个实验中的属性,但我现在加上这个属性后,感觉世界都美好了,大家快试试,现在还没有测出bug。有问题提出大家一起讨论
■网友
解决方案:表单采用流式布局,并将表单放在一个Div或iFrame容器;Div或iFrame的overflow设置为auto;focus后,修改Div或iFrame的height为"遮挡物"与Titile域分界之间的距离。
■网友
我也遇到过这种问题,但是 是偶然的,同一个页面,有时候被盖住 有时候又是正常的 求解
■网友
设置滚动就好,可以稍微滚上点儿
■网友
监听一下focus后滚动到合适位置有这么难吗?
推荐阅读
- 西藏首台5G网络车载移动CT仪器投用
- 教育|中国移动“和教育”智慧校园研讨会在通召开
- 夕阳红|南通移动:“智慧养老”手机让“夕阳红”不孤单
- 怎样评价华为、诺基亚、中兴中标中国移动高端路由交换设备扩容集采
- 为啥Smartisan OS只能支持移动的VoLTE
- 啥是微信开发WEB前端
- 唯品会无搜索模式真的能让大众消费者驻留页面更长时间吗
- web开发,一般项目经理从项目中拿多少项目奖金
- 到底是移动通信技术的发展影响了手机的设计还是手机的发展带动了移动通信技术的进步
- 带电源的移动硬盘插电脑上就黑屏咋办
