javascript - Phonegap Input 专注于 Mobile Safari

Question

(0, 0)每次用户关注我的 Phonegap 应用程序中的输入字段时，我都使用以下代码滚动窗口以定位：

<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

To do this I usually use "focus" instead of "touchstart".

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