輸入框軟鍵盤遮擋問題解決方案

admin發表於2017-02-23
這個可能很多做移動端開發的都遇到過，尤其是安卓系統。

彈出的軟鍵盤遮擋了輸入框，下面就是一個能夠解決此問題的程式碼片段。

[JavaScript] 純文字檢視 複製程式碼
var windowHeight = document.documentElement.clientHeight;
$('input').bind("focus", function () {
  document.body.style.height = windowHeight + 'px';
 
  setTimeout(function () {
    document.body.scrollTop = 120;
    document.documentElement.scrollTop = 120;
    window.pageYOffset = 120;
  }, 100)
});

相關文章