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

回到顶部