js-移动端android浏览器中input框被软键盘遮住的问题解决方案
来源:互联网 发布:表格怎么把相同的数据 编辑:程序博客网 时间:2024/05/22 00:48
前提:
关于input框被浏览器软键盘遮挡住的问题,主要是安卓浏览器,下面出一个解决方案:
解决方案原理:
安卓浏览器在软键盘弹出后不会像ios浏览器那样重新计算window的高度,所以导致安卓浏览器window的高度在软键盘弹出的时候为“软键盘的高度+(window的高度-软键盘的高度)”;而其实,此时,合理的高度应该是页面的高度+软键盘弹出的高度;就此解决方案为如下:
var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function() { var thisHeight = $(this).height(); if (winHeight - thisHeight > 50) { //当软键盘弹出,在这里面操作 //alert('aaa'); $('body').css('height', winHeight + 'px'); } else { //alert('bbb'); //当软键盘收起,在此处操作 $('body').css('height', '100%'); } });
如有问题,欢迎留言!
阅读全文
0 0
- js-移动端android浏览器中input框被软键盘遮住的问题解决方案
- js-移动端android浏览器中input框被软键盘遮住的问题解决方案
- JS 解决安卓手机输入框被软键盘遮住的问题
- Android 软键盘弹出,遮住输入框
- 当移动端软键盘弹出时错位问题解决方案
- android scrollview中edittext 软键盘跳出遮住edittext
- Android WebView加载带有Input的输入框时点击无法弹出软键盘的问题解决
- Android 弹出软键盘遮住Popupwindow的解决
- 解决安卓的input的弹出的软键盘遮住文本
- 解决android软键盘弹出有时会遮住EditText输入框的一种方法
- ios输入框被软键盘遮住问题
- android软键盘遮挡WebView中input的解决方案
- 【Android】不同的View引起软键盘无法关闭问题解决方案
- 处理input输入框被输入法遮住
- 移动端 Web 页 input 控制软键盘
- 移动端 Web 页 input 控制软键盘
- ScrollView中软键盘弹出依然遮住控件
- android popupwindow 中输入框被软键盘弹出挡住问题解决
- email邮件发送
- spring4配置文件详解
- 习题21
- MySQL Cluster如何创建磁盘表方法解读
- 学习 SCSS
- js-移动端android浏览器中input框被软键盘遮住的问题解决方案
- Android 多进程浅析
- 元数据(MetaData)
- WEB前端一些兼容IE8 浏览器的写法
- 20170605计算机视觉报告小结
- 通过Daffodil for VS使VS2010的IDE可以用VC6 VC7.1 VC9等编译器进行项目编译
- TextView
- javascript学习笔记一【预解释】
- 学习ffmpeg官方示例代码transcoding.c遇到的问题