【问题标题】:Input bar on mobile: automatically push to top on select手机输入栏:选择时自动推到顶部
【发布时间】:2013-02-09 17:34:41
【问题描述】:

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

【问题讨论】:

    标签: javascript mobile input autocomplete


    【解决方案1】:

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

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

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

    【讨论】:

    • 您好,感谢您的回答。正如我测试的那样,代码的重点部分有效,但 scrollTop 函数无效。 (我已经包含了jquery库。)有没有其他功能可以达到同样的效果?
    • 请参阅this jsFiddle 了解工作示例。我只是不知道如何滚动您的页面,这取决于内容的显示方式。请参阅编辑后的答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-10-25
    • 2012-10-07
    • 1970-01-01
    • 1970-01-01
    • 2021-10-18
    • 1970-01-01
    • 2021-08-10
    相关资源
    最近更新 更多