移动设备上的输入栏:在选择时自动推到顶部

时间:2013-02-24 13:44:49

标签: javascript mobile input autocomplete

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

1 个答案:

答案 0 :(得分:1)

您可以在输入的[focus][1]事件上绑定事件,然后滚动(请参阅here)到您想要的位置。使用jquery,它看起来就像那样,没有经过测试:

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

我不确定身体选择,我想这取决于您的网页定义方式。