微信公众号之input输入框获取焦点后,底部固定定位的按钮顶起问题解决办法

问题描述：手机H5页面当input输入框获取焦点时，软键盘会弹起，这时：IOS底部固定定位的按钮不会随着键盘弹起而弹起；而安卓底部固定定位的按钮会跟随软键盘弹起而顶起，往往会遮挡一部分视图，这对用户的体验有点不好，故本篇文章将利用js来解决这个问题，优化用户体验

1、解决思路

当软键盘弹起时，将底部弹起的按钮隐藏；当软键盘收起时，将按钮正常显示。

2.上代码

var h=$(window).height();//监听页面高度

$(window).resize(function() {

if($(window).height()<h){

　　$('.要隐藏的按钮class名称').hide();

}else{

　　$('.要显示的按钮class名称').show();

}

})