Прокрутка экрана при наборе текста Используя JQTouch в приложении Android PhoneGap?

Question

Я создал приложение, используя JQtouch, Jquery и PhoneGap.Когда вы вводите в поле формы, вся страница прокручивается вверх или вниз при каждом вводе символа.Я искал везде решения, но не могу их найти.Здесь была похожая проблема: https://github.com/jquery/jquery-mobile/issues/638, но его решение не решило мою проблему.

У кого-нибудь есть идея, почему страница прокручивается вверх и вниз при добавлении каждого символа в текстовое поле?Поскольку страница такая маленькая, она быстро прокручивается вверх и вниз, что делает ее очень раздражающей.

Answer 1

Поместите следующий CSS в ваш файл после всех других стилей CSS:

    body {
        -webkit-perspective: none;
        -webkit-transform-style: flat;
    }
    body > * {
        -webkit-backface-visibility: visible;
        -webkit-transform: none;
    }

Это должно решить вашу проблему (по крайней мере, для меня).

Answer 2

Я использую новую бета-версию (jqtouch-1.0-b4-rc), и с этим я не мог заставить эти приемы работать на Android 2.2 или 2.3.В конце я исправил это, включив в основу моего CSS следующее:

#jqt ul li {
    -webkit-transform: none;
    position: relative; /* required to fix arrows */
}
#jqt ul li a {
    -webkit-transform: none;
}

Answer 3

Я столкнулся с той же проблемой на Android 2.2. Я поместил следующие свойства в свой CSS и затем обнаружил, что проблема была решена. Какая вещь имела значение; Я не знаю, но у меня это работает:

html, body{overflow: hidden;}

Попробуйте, это может работать и для вас.

Answer 4

Попробуйте это в функции инициализации onload:

функция предотвращает поведение (е) { e.preventDefault (); }; document.addEventListener ("touchmove", protectBehavior, false);

Больше обсуждений на http://groups.google.com/group/phonegap/browse_thread/thread/739525b7531b6d29/