本文共 611 字，大约阅读时间需要 2 分钟。

问题描述

当安卓手机访问按钮吸底的页面时，处于absolute（绝对）定位或fixed（固定）定位的按钮，会被键盘顶上去，漂浮于键盘上方。而 IOS 则 不存在这个问题。

思路

监控屏幕大小的变化，当屏幕变小的时候让按钮隐藏起来，当屏幕大小与当前屏幕保持一致的时候，让按钮正常显示。

解决方案

1. 原生 JS 实现

var h = document.body.scrollHeight;window.onresize = function(){
     if (document.body.scrollHeight < h) {
       document.getElementById('btn').style.display = 'none';  }else{
       document.getElementById('btn').style.display = 'block';  }};

2. JQuery 实现

var win_h = $(window).height();//关键代码window.addEventListener('resize', function () {
       if($(window).height() < win_h){
           $('#btn').hide();    }else{
           $('#btn').show();    }});

转载地址：http://sxvii.baihongyu.com/