如图，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，这也是ios的微信版本更新6.7.4之后才遇到的bug。
目前的解决办法是给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效，具体代码如下
$("input,select").blur(function(){
setTimeout(() => {
const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100);
})
如图，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，这也是ios的...
问题：在微信H5中 ios12 软键盘收回时页面不回弹，导致光标位置错乱，再次点击输入框区域时无法focus 解决...
问题： MAKA页面转成h5，表单页在安卓和ios上出现的兼容性问题（ios和安卓手机软键盘收起，页面被顶上去） 解决：
禁止H5 ios滚动回弹，解决弹窗内滚动和页面同步滚动问题（页面为swiper整屏翻页） 引入inobounce....
function isWeiXinAndIos() { ...
问题描述：iOS8.0系统中，A页面推出B页面（横屏展示），B页面关闭后，A页面转向。 解决办法（亲测有效）： 步...
一、背景 在做移动端h5页面时，因为遇到了安卓端软键盘会导致页面压缩变形的问题，经过查阅与思考，终于解决问题，以下...
###Android软键盘弹出，覆盖h5页面输入框问题 开发移动端h5表单录入页面的过程中，遇到了Android软...
一、问题描述 对于 ios 系统，输入框输入内容，软键盘弹出，页面内容整体上移，但是软键盘收起，页面内容不会自...
关于ios中碰到的软键盘弹出，导致的底部输入框定位出现问题的解决方案 背景 目前正在做IM相关的H5页面，碰到了i...
本文标题：解决H5页面ios软键盘收回页面卡半屏问题
本文链接：https://www.haomeiwen.com/subject/uigtzhtx.html
网友评论