1. 程式人生 > >專案總結(關於fixed/absolute固定的底部按鈕被input輸入框的鍵盤頂上去的問題一般安卓手機會出現這種問題)

專案總結(關於fixed/absolute固定的底部按鈕被input輸入框的鍵盤頂上去的問題一般安卓手機會出現這種問題)

解決方法:監控螢幕大小的變化,當螢幕變小的時候讓按鈕隱藏起來,當螢幕大小與當前螢幕保持一致的時候,讓按鈕正常顯示。
原生js解決方法:
var h = document.body.scrollHeight;
window.onresize = function(){
if (document.body.scrollHeight < h) {
document.getElementsByTagName(“nav”)[0].style.display = “none”;
}else{
document.getElementsByTagName(“nav”)[0].style.display = “block”;
}
};
加黑傾斜的是重點,記住

另外的jquery的寫法
var h=(window).height();//(window).resize(function() {
// if($(window).height()