本文主要是介绍解决H5移动端点击输入框时，弹起的输入法会将底部的固定按钮顶起来，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在写一个H5页面的时候，中间有输入框，底部有固定按钮。但是在点击输入框时，你就会看到一个奇怪的事情，我fixed固定在底部的部分被输入法顶起来了（图片先欠着）。
下面给大家提供一种解决的办法，仅供参考。
//navigator.userAgent.indexOf用来判断浏览器类型
var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1;
if (isAndroid){//如果是安卓手机的浏览器var win_h = $(window).height();//关键代码$("body").height(win_h);//关键代码window.addEventListener('resize', function () {// Document 对象的activeElement 属性返回文档中当前获得焦点的元素。if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {if($('.share-btn-box').is(':visible')){$('.share-btn-box').hide();}else{$('.share-btn-box').show();}}});
}
下面给大家补充说明一下，安卓手机才会出现这样的情况，苹果手机不会出现这样的情况。如果没必要的话不要用fixed，想叫按钮（或者是其他的）一直待在底部可以使用其他的方法。
这篇关于解决H5移动端点击输入框时，弹起的输入法会将底部的固定按钮顶起来的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
