1. 程式人生 > >移動端安卓系統中,固定在底部的按鈕被輸入框的鍵盤頂上去的問題解決辦法

移動端安卓系統中,固定在底部的按鈕被輸入框的鍵盤頂上去的問題解決辦法

處理問題的思路:

        監控螢幕大小的變化,當螢幕變小的時候讓按鈕隱藏起來,當螢幕大小與當前螢幕保持一致的時候,讓按鈕正常顯示。 

解決辦法有2種:

1、原生辦法 (推薦)

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

2、jquery / zepto

var h=(window).height();//(window).resize(function() {  // if($(window).height()