h5 中软键盘弹起遮住输入框问题

时间：2020-06-28 19:42:01 阅读：99 评论：0 收藏：0 [点我收藏+]

判断是ios还是安卓在body上写上class类名，根据原生提供的方法判断是ios还是安卓。上代码：

if (window.YwkHybrid.os.android) {
  document.body.classList.add("android");
} else {
  document.body.classList.add("iOS");
}

然后在.ios中给fixed定位。上代码

body.iOS {
  position: fixed;
  width: 100%;
}

这样软键盘弹起会撑起高度，从而将页面往上顶，输入框就会在软键盘上方

原文：https://www.cnblogs.com/Bearbear/p/13204379.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

h5 中 软键盘弹起遮住输入框问题