IOS端H5页面关闭软键盘-底部会留下空白页；
这个问题在ios12以上系统出现
猜测原因：在微信webview打开我们h5页面的时候，就固定了页面的高度，如果这个input在页面的底部，当呼出软键盘时，由于高度问题，整个webview会被键盘顶上去，而取消时没有恢复原状。
image.png
绑定一个blur事件，当其触发时，使scrollTo为0
<TextInput onBlur={() => { this.inputBlur }}>
inputBlur() {
// 解决 IOS收回键盘失去焦点时键盘区域留白
let u = navigator.userAgent;
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if (isiOS) {
window.scroll(0, 0);
}
}
就搞定啦~
IOS端H5页面关闭软键盘-底部会留下空白页；这个问题在ios12以上系统出现猜测原因：在微信webview打开我...
IOS微信打开h5页面，点击输入框弹出键盘，收回键盘的时候页面不回弹，会出现留白，需要给input或者select...
一、iOS12键盘输入后不回弹 问题描述 iOS12系统下，h5或webview页面存在bug，键盘输入完毕收回后...
问题：在微信H5中 ios12 软键盘收回时页面不回弹，导致光标位置错乱，再次点击输入框区域时无法focus 解决...
ios端h5打开后，使用定位的输入框在输入完成后收起键盘，下方会留好大一块空白，页面不能正常收回，整个页面处于上移...
用于某些页面，弹出键盘无法轻易收回键盘，，可以添加此按钮，以方便某些占满的页面收回键盘。核心就是：textFiel...
h5页面的input select textarea页面调用软键盘收起后，由于软键盘被顶起关闭后不会往下移，导致页...
相信大家在用vue做H5页面时都遇到过在iphone上键盘拉起收回之后页面不复位的问题，下面给出完美解决方案： 如...
1、原生UITextField处理弹出键盘： 2、H5页面弹出键盘： H5同事表示H5页面处理不了这个，需要原生端...
H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导...
本文标题：H5页面收回键盘后留空白区域问题解决
本文链接：https://www.haomeiwen.com/subject/swltchtx.html
网友评论