DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 移動端輸入框被手機鍵盤擋住
移動端輸入框被手機鍵盤擋住
編輯:JQuery特效代碼     

在沒有定位的情況下,解決輸入框被手機鍵盤擋住時,可以參考:

var loaclHeight = $("section").height();//獲取可視寬度
$("input,textarea").focus(function() {
var keyboardHeight = localHeight - $("section").height();//獲取鍵盤的高度
var keyboardY = localHeight - keyboardHeight;
var addBottom = (parseInt($(this).position().top) + parseInt($(this).height()));//文本域的底部
var offset = addBottom - keyboardY;//計算上滑的距離
$("section").scrollTop(offset);
});

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved