Экранные прокрутки во время ввода с помощью JQTouch в приложении Android PhoneGap?

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

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

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

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

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

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

Function preventBehavior (e) {e.preventDefault (); }; Document.addEventListener ("touchmove", preventBehavior, false);

Подробнее обсудите на странице http://groups.google.com/group/phonegap/browse_thread/thread/739525b7531b6d29/.

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

 html, body{overflow: hidden;} 

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

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

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