有什麼辦法可以防止虛擬智能手機鍵盤隱藏輸入？

Question

在我的移動網站上（我使用jQuery Mobile），我在頁面底部輸入內容。當我嘗試輸入一些信息時，會出現虛擬鍵盤（因爲它必須這樣做）。問題是它隱藏了頁面的一半，包括輸入的地方，而不是頁面滾動。在示例中，輸入4-8隱藏在鍵盤下。

HTML

<input type="text" placeholder="1"> 
<input type="text" placeholder="2"> 
<input type="text" placeholder="3"> 
<input type="text" placeholder="4"> 
<input type="text" placeholder="5"> 
<input type="text" placeholder="6"> 
<input type="text" placeholder="7"> 
<input type="text" placeholder="8"> 

CSS

input { 
    display: block; 
    width: 100%; 
    margin-bottom: 10px; 
} 

Answer 1

我用jQuery.mobile.silentScroll（）對於這一點，在輸入焦點事件，然後回滾動下來模糊。

事情是這樣的：

  $('#myinput').on('focus',function(){ 
       $.mobile.silentScroll($('#myinput').position().top - 100); 
       $('#myinput').focus(); 
      }); 
      $('#myinput').on('blur',function(){ 
       $.mobile.silentScroll($('#myform').position().top); 
      });