iphone端h5页面底部输入框被键盘遮挡问题
来源:互联网 发布:ug车削编程 编辑:程序博客网 时间:2024/06/05 15:38
iphone端h5页面底部输入框被键盘遮挡问题
h5页面在底部放置输入框时,如图
在ios端会出现输入框获取焦点后,中文输入法上横条完全挡住输入框问题,搜索解决方法,在input获取焦点时执行函数,主要scrollIntoView方法
setTimeout(() => { el.scrollIntoView(true); //el为input元素 },100)
在定时100ms后执行,然而在真机测试出现,有事挡住有事不会挡住的情况。
分析原因可能是在100ms的时间设置问题,在100ms时间软键盘还未完全弹出就已经执行方法,没有使元素完全适应软键盘位置。将定时时间改为500ms后解决该问题
阅读全文
0 0
- iphone端h5页面底部输入框被键盘遮挡问题
- h5键盘遮挡输入框
- 【移动端H5开发】iOS下页面底部的input被弹出键盘遮挡问题
- H5移动端弹出键盘时遮挡输入框
- h5键盘遮挡输入框问题 、模仿微信输入框失去焦点时隐藏iphone的软键盘和聚焦时出现输入框
- 输入框被键盘遮挡问题
- 移动端固定输入框在底部会被键盘遮挡的解决方法
- 移动端固定输入框在底部会被键盘遮挡的解决方法
- android 输入键盘遮挡页面的问题
- Android 解决在页面底部置输入框,软键盘遮挡部分输入框的问题
- 关于android输入框被键盘遮挡的问题
- Android输入框被键盘遮挡的问题
- UItableView中含输入框(TextField)被键盘遮挡问题
- Android输入框被键盘遮挡的问题
- 如何解决键盘遮挡输入框问题
- 解决键盘遮挡输入框问题
- iOS键盘弹出遮挡输入框问题
- Android键盘遮挡输入框的问题
- Intellij IDEA 4种配置热部署的方法
- CentOS7 搭建docker registry 私库
- 脱壳学习笔记(一)
- Eclipse上修改Maven Web项目名称
- Docker原理第一话--介绍
- iphone端h5页面底部输入框被键盘遮挡问题
- vue-router
- 数据结构-线性结构之队列
- 作业5
- unity3d 2d游戏相关
- 数组去重的几种方法
- Vegas如何使用透明图像作遮罩?
- 算法题:lintcode#35 翻转链表(java)
- JavaSE基础正则表达式