jQuery Мобильный фиксированный footer движется по выбранному списку iphone

Question

Я делаю приложение для сексуального здоровья как часть проекта uni. У меня есть форма, которая сводит меня с ума. Я понял, что это общая проблема в Jquery мобильных является то, что фиксированные колонтитулы двигаться к середине страницы, когда открывается клавиатура, я исправила эту проблему с последующей JS

//hide footer when input box is on focus 
$(document).on('focus', 'input, textarea, select', function() { 
    $("div[data-role=footer]").hide(); 
}); 

//show footer when input is NOT on focus 
$(document).on('blur', 'input, textarea, select', function() { 
    $("div[data-role=footer]").show(); 
}); 

Этот код исправляет проблему с помощью клавиатуры отлично, однако, по вопросам, требующим выбора ввода из диапазона ответов (ссылка на изображение ниже), когда вы переключаетесь с помощью клавиши со стрелкой влево и отвечаете на каждый вопрос, который перемещается нижний колонтитул. Нижний колонтитул не перемещается, вы проходите цикл и оставляете ответы по умолчанию «выберите один». Это очень странно и, вероятно, очень простое решение, о котором я не знаю, поэтому любая помощь была бы действительно оценена.

PS. Зеленая полоса на фото есть сноска, а не заголовок: P

Image ссылка

http://imgur.com/olWSrfu

Answer 1

Я бы использовать OnScroll событие в вашем теле. Попробуйте, я думаю, что это исправит вашу проблему