mobile - 在移动设备的文本输入焦点上滚动页面？

Question

我正在制作一个带有文本输入的移动优化网站，可在您键入时过滤列表。它与此类似:http://jquerymobile.com/test/docs/lists/lists-search.html

对于手机，如果当您选择输入时页面向下滚动，因此输入位于页面顶部，这将是一个可用性优势。这样，当您键入时，下面的列表中的大部分内容都将可见。这是可能的和/或有人有这样做的经验吗？谢谢

Answer 1

同意 - 这对可用性很好。

如果您使用 jQuery，这应该可以解决问题:

$('#id-of-text-input').on('focus', function() {
    document.body.scrollTop = $(this).offset().top;
});