移动端获取输入法高度 解决定位被输入法顶开的问题

安卓手机底部logo被顶起来

动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,如果变化后的窗口高度小于初始的窗口高度,则让按钮隐藏起来;反之,则让按钮正常显示。

var olbHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
//navigator.userAgent.indexOf用来判断浏览器类型
var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1;
if (isAndroid){
    
    //如果是安卓手机的浏览器
    window.addEventListener("resize", function() {
    
    
      var newHeight =  = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
      if ( olbHeight > newHeight ){
    
    
         // 按钮关闭  
      }else{
    
    
         // 按钮显示
      }
});
}

获取输入法高度

动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,变化前的高度减去变化后的高度即为输入框高度。

var shuRuKuangHeight = newHeight - oldHeight

苹果手机固定输入框在底部会被键盘遮挡的解决方法

setTimeout(function(){
    
    
	document.body.scrollTop = document.body.scrollHeight;
},300);

文章部分文献出处
https://blog.csdn.net/tel13259437538/article/details/80445883#
https://blog.csdn.net/q36835109/article/details/71713375/

其他
https://blog.csdn.net/qq_37446753/article/details/82223910

猜你喜欢

转载自blog.csdn.net/qq_15238979/article/details/88757386