html - iPad 键盘打开时屏幕移动

Question

我使用 HTML、CSS 和 JavaScript 开发了一个 iPad 网络应用程序。我在其中一个屏幕上有一个简单的输入字段。每当我单击输入字段时，iPad 键盘都会从底部弹出(这很好)，但随后整个屏幕会向左移动。然后它会保持在这个位置，直到我双击 iPad 屏幕，这会使屏幕向右移动到其原始位置。有谁知道如何解决这个问题？

Answer 1

$(document).ready(function(){
    $('input').bind('focus',function() {
        $(window).scrollTop(10);
        var keyboard_shown = $(window).scrollTop() > 0;
        $(window).scrollTop(0);
        if(keyboard_shown)
        {
            //your screen shifting code
        }
    });
});