解决移动端文本框被原生键盘弹出后挡住文本框
来源:互联网 发布:网络音响系统布线图 编辑:程序博客网 时间:2024/06/14 00:42
记一次,解决移动端文本框弹出键盘遮挡输入框的方法:
document.activeElement.scrollIntoViewIfNeeded();
方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。
使用方法:
var input= document.getElementById("input");
input.scrollIntoViewIfNeeded();
等同于input.scrollIntoViewIfNeeded(true);
- 如果为true,则元素将在其所在滚动区的可视区域中居中对齐。
- 如果为false,则元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘,元素的顶部将与可见区域的顶部边缘对准,或者元素的底部边缘将与可见区域的底部边缘对准。
阅读全文
0 0
- 解决移动端文本框被原生键盘弹出后挡住文本框
- iphone 弹出键盘,文本框自动向上移动。
- 让在下面的文本框在弹出键盘时不会被挡住
- 文本框主动弹出键盘
- 解决文本框被键盘遮挡
- 多线程更新UI文本框被键盘挡住问题
- iOS 键盘显隐时上下移动页面--键盘遮挡文本框解决
- 如何在ios开发中不让键盘弹出时挡住了文本框的输入
- 解决手机端文本框被键盘遮挡问题
- 移动端点击输入框 input被弹出键盘挡住
- 键盘的通知 文本框跟随键盘移动
- IE6把select文本框挡住弹出div的调整方法
- 文本框挡住下拉列表
- android DatePicker 点击文本框,禁止弹出键盘
- ios UItextFiewld 点击文本框编辑 实现弹出键盘时,输入框向上移动
- iOS开发----键盘弹出和隐藏时移动视图,防止被键盘挡住
- 文本框输入完成后隐藏键盘
- js 点击文本框后弹出选择日期
- 自适应的经典布局 少任意一个模块都能自适应
- amazon api 请求返回response xml解析
- Linux中command not found及登录界面用户切换问题
- Android 快速开发之几个常见的对话框
- 五.scrapy CSVFeedSpider
- 解决移动端文本框被原生键盘弹出后挡住文本框
- [HY000][1366] Incorrect string value: '\xE3\x81\x94\xE6\xB3\xA8...' for column 'content' at row 1
- webuploader 百度上传组件
- js立即执行函数,jqueryReady和Onload执行顺序比较
- rotate-list
- sql server 报表服务迁移
- 想转行设计?先了解这些东西
- eclipse下安装drools控件
- 抽象类和接口 应用场景