У меня была такая проблема, когда веб-приложение фиксированного размера (созданное для iPad) частично прокручивалось браузером, поскольку оно пытается отцентрировать текстовое поле в представлении.
Установка 'position:fixed' на один из родительских элементов формы предотвращает это. «position:absolute» разрешает движение. В зависимости от вашего макета, установка формы 'position:fixed' может вам помочь.
position: fixed;
Редактирование: еще одна связанная вещь для обработки формы в веб-приложении iOS с фиксированным размером: когда текстовое поле активно, пользователь перетаскивает палец, возможно, можно перемещать весь фиксированный элемент по экрану (в основном прокрутите пользовательский интерфейс, который вы не собираетесь прокручивать). Если вы обнаружите, что это происходит, вы можете добавить обработчик событий touchmove к форме и предотвратить действие по умолчанию.
//jQuery:
$('#myForm').bind('touchmove', function(ev) { ev.preventDefault(); });
// Or not:
document.getElementById('myForm').addEventListener(
"touchmove",
function(ev) {
ev.preventDefault();
},
false
);