微信浏览器H5页面,当软键盘/下拉选框关闭导致页面底下空缺的问题处理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信浏览器H5页面,当软键盘/下拉选框关闭导致页面底下空缺的问题处理相关的知识,希望对你有一定的参考价值。

参考技术A 最近在项目中,发现部分ios手机的微信浏览器加载的H5页面,页面涉及包含有下拉选择框或者输入框(input / textarea),当软键盘或选项框关闭之后,底下会空缺一块,很是郁闷,但是最终却找到了解决办法,如下:

如何通过js关闭微信浏览器页面

WeixinJSBridge.call(‘closeWindow‘);

jssdk

wx.closeWindow();

 

WeixinJSBridge对象还提供了哪些功能:

WeixinJSBridge.call(‘hideToolbar‘); //隐藏右下面工具栏

WeixinJSBridge.call(‘showToolbar‘); //显示右下面工具栏

WeixinJSBridge.call(‘hideOptionMenu‘); //隐藏右上角三个点按钮。

WeixinJSBridge.call(‘showOptionMenu‘); //显示右上角三个点按钮。

以上是关于微信浏览器H5页面,当软键盘/下拉选框关闭导致页面底下空缺的问题处理的主要内容,如果未能解决你的问题,请参考以下文章

微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

H5页面在微信浏览器打开 ios 键盘收起后弹出层焦点错位

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

Vue禁止h5页面iOS浏览器下拉bounce效果

h5 ios微信浏览器 input获取焦点后,收起软键盘,光标错位

H5页面在微信中页面被软键盘顶起来