uni写h5,输入框聚焦时虚拟键盘遮住了输入框 怎么解决啊?
uni写h5,输入框聚焦时虚拟键盘遮住了输入框 你们是怎么解决的啊
回答:
var oldHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; window.addEventListener("resize", function() {
var newHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
if ( oldHeight > newHeight ){
//键盘显示
var div=document.getElementById("add").offsetHeight;//获取窗口高度
var keyBoard=oldHeight-newHeight;//获取键盘高度
var scrollHeight=div-keyBoard+51;//窗口需滚动的高度
document.getElementById("removeHeight").style.height=div+scrollHeight+'px';//重设div的高度
document.getElementById("add").scrollTop =scrollHeight;//设置滚动高度
}else{
//键盘不显示
}
});
回答:
得看你用的什么UI库了,一般都会提供一个 <input>
组件都会提供 键盘弹起时,是否自动上推页面 这样的属性。
比如说 uni-app
原生提供的 <u-input>
组件的 adjust-position
属性。 uViewUI
提供的 adjustPosition
属性,但是一般默认都是打开的。
所以检查一下你的业务代码。
回答:
我是写原生小程序时遇到这个问题,我的解决思路是:https://segmentfault.com/a/1190000043904921
以上是 uni写h5,输入框聚焦时虚拟键盘遮住了输入框 怎么解决啊? 的全部内容, 来源链接: utcz.com/p/934580.html