html5安卓軟鍵盤彈出擠壓屏幕空間使定位元素上移的問題

點擊輸入框,彈出軟鍵盤時,安卓機下小鍵盤會侵佔屏幕空間,使內容上移致使內容錯位,解決辦法可經過監聽頁面resize事件,由於安卓下鍵盤彈出會致使頁面resize。javascript

如:註冊頁面底部須要定位一個文字連接「當即登陸」,軟鍵盤彈出時,文字鏈會上移,與上面的內容重疊,可監聽resize事件,當屏幕變小時,代表軟鍵盤彈出,此時隱藏文字鏈,不然,顯示文字鏈css

代碼:java

var h = $(window).height();
    $(window).resize(function() {
    	if($(window).height()<h){
    		$('.zc-opr').css("display","none");
    	}else{
    		$('.zc-opr').css("display","block");
    	}
    });
相關文章
相關標籤/搜索