輸入下鍵盤隱藏（PhoneGap的機器人）

Question

我使用下面的代碼在我的config.xml

<preference name="fullscreen" value="false" /> 

但它所造成不，當我專注於一個輸入（輸入躺在可接受表單底部）輸入字段被鍵盤隱藏

但是，只要我輸入一個字符，然後窗體自動滾動到頂部，並且該字段顯示正確。 它在按鍵上工作正常，但我需要這樣做在焦點

我試圖保持輸入顯示即使在輸入任何事情之前集中。我試圖模擬按鍵像

$(".form-control").click(function (evt){ 
      var e = $.Event('keyup'); 
      e.which = 65; 
      $(this).trigger(e);//it doesn't work 
      $(this).val(""); 
     }); 

但是沒有任何工作對我來說呢。

Answer 1

你應該使用獲得輸入元素的位置： $(this).offset().top;

然後在焦點事件監聽器滾動到輸入位置：

$('#input_id').on('focus', function() { 
    document.body.scrollTop = $(this).offset().top; 
}); 

你可能想上重點觸發所有的表單輸入：

$('#form_id').delegate(':input', 'focus', function() { 
    document.body.scrollTop = $(this).offset().top; 
})