Phonegap輸入專注於Mobile Safari

Question

每當用戶將焦點放在我的Phonegap應用程序中的輸入字段上時(0, 0)我使用以下代碼將窗口滾動到位置(0, 0) ：

<input type="text" id="answer" class="answer" />
...

$(document).on("touchstart", ".answer", function() {
  window.scrollTo(0, 0);
});

我也嘗試了setTimeout() ，但是這也不起作用：

$(document).on("touchstart", ".answer", function() {
  window.scrollTo(0, 0);
  setTimeout(function() {
     scrollWindow();
  }, 10);

  var scrollWindow = function() {
     window.scrollTo(0, 0);
  }
});

問題在於，該窗口僅在我第二次點擊輸入字段時滾動。 我希望當我第一次點擊輸入字段時，窗口立即滾動。

我移動窗口的原因是因為iOS在輸入字段的焦點上生成了本機鍵盤並向上移動了整個視圖。

Answer 1

為此，我通常使用“ focus”而不是“ touchstart”。

$('#someFormId input').on("focus", function(event) {
    window.scrollTo(0, 0);
    document.body.scrollTop = 0;
});