键盘遮挡输入框解决办法
来源:互联网 发布:卡通人物制作软件 编辑:程序博客网 时间:2024/04/29 22:51
onResizeMoveAZ=(moveId)=>{
//解决安卓键盘出来手机没滑动问题
//思路: 当键盘出现时window的高度变小了,这样我们可以判断出键盘是否出现
//当键盘出现时候我们让页面上的最外层元素向上移动(就是margin-top:设置为负数)window高度减小的像素,当失焦的时候键盘收起来,这个时候我们把margin-top设置为0
//当然如果要向上滑动的效果就得在元素样式上加过度属性
//moveid 为需要移动元素的id
var windowHeight = window.innerHeight;
window.onresize= function(){
var viewHeight = window.innerHeight; // 可视区域底部
if(viewHeight < windowHeight ){
var num = viewHeight-windowHeight;
document.getElementById(moveId).style.marginTop = num+"px";
}else
document.getElementById(moveId).style.marginTop = "0px";
}
}
}
}
阅读全文
0 0
- 键盘遮挡输入框解决办法
- 键盘遮挡输入框
- h5键盘遮挡输入框
- android输入框被键盘遮挡
- 避免键盘弹出时遮挡输入框
- Android输入框被键盘遮挡
- android输入框被键盘遮挡
- 关于ios键盘遮挡输入框
- 关于ios键盘遮挡输入框
- 键盘遮挡输入框的解决方法
- ios键盘不遮挡输入框
- 输入框被键盘遮挡问题
- ios键盘弹起不遮挡输入框
- ios 键盘遮挡输入框解决方法
- 如何解决键盘遮挡输入框问题
- 解决键盘遮挡输入框问题
- iOS键盘弹出遮挡输入框问题
- Android键盘遮挡输入框的问题
- 吴恩达深度学习课程笔记 2.2Logistic Regression逻辑回归
- CAD图纸的图层不显示的解决方法
- Caffe进行深度训练(理论篇)
- 圆桌游戏
- 欢迎使用CSDN-markdown编辑器
- 键盘遮挡输入框解决办法
- 基于zookeeper简单实现分布式锁
- HDU 5251 矩形面积 (计算几何+旋转卡壳求覆盖凸包的最小矩形面积)
- 关于监控mysql服务的脚本
- [HDU](1575)Tr A ---矩阵快速幂
- 算法:字符串解析之循环移位
- C++学习笔记,D2D加载本地图片并显示
- java集合之LinkList解析
- hdu1535 Invitation Cards(dijkstra+邻接表)(反向建图)