Элементы ввода iOS 7 перемещают элементы с фиксированным положением

Это устранило проблему для моего приложения Cordova. Не уверен, что это относится к вам, но на всякий случай.

Проверьте свои метатеги html на что-то вроде этого:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

Замените его на это:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

В нашем случае это исправится, как только пользователь прокрутит страницу. Итак, это исправление, которое мы использовали для имитации прокрутки на blur на любом input или textarea:

$(document).on('blur', 'input, textarea', function () {
    setTimeout(function () {
        window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
    }, 0);
});

Я столкнулся с точно такой же проблемой и сдался после двух дней экспериментов. Кажется, что: а) все элементы, закрепленные снизу, поднимаются вверх, так что их нижнее смещение относительно верхнего края клавиатуры в) все элементы, закрепленные сверху, остаются в исходном положении (не перемещаются вверх, как раньше) - обратите внимание, что верхние абсолютные элементы работают нормально.

Единственное решение, которое я нашел, заключалось в том, чтобы иметь пользовательскую таблицу стилей iPad, которая заменяет все фиксированные элементы абсолютными элементами, устанавливает для свойства css bottom значение auto и вместо этого использует top.

Напротив, ваше решение сработало для меня, но только когда масштаб был установлен на 1,0. Если я установлю его на 0,9, то это будет так, как было до предложенного вами исправления. Я установил начальный масштаб, максимальный масштаб и минимальный масштаб на 0,9, и эффект подпрыгивания фиксированных объектов при появлении клавиатуры все еще происходил.