javascript - 手机输入栏：选择时自动推到顶部

Question

在移动设备中，触摸键盘将占据屏幕的下半部分，因此如果输入/文本区域不在顶部，如果您有某种预先输入的建议，当用户输入时它们可能不在视图中。有没有办法在输入字段处于活动状态时自动将输入字段“推”到顶部，从而最大化其下方的可见区域？

Answer 1

您可以在输入事件上绑定一个事件[focus][1]，然后滚动（参见此处）到您想要的位置。使用 jquery，它看起来像这样，未经测试：

$('input').focus(function() {
  $('body').scrollTop($(this).position().top);
  });

我不确定正文选择，我想这取决于您的页面是如何定义的。