Я исследовал эту проблему, но безрезультатно.Я использую метод Jquery .contents, чтобы переместить некоторые элементы формы в постоянный заголовок, когда пользователь прокручивает мимо содержащего элемента div.Следующая проблема отлично работает на настольном компьютере, но не работает на мобильном устройстве;см. продолжение вопроса ниже.
Элементы формы успешно перемещаются, и форма может быть отправлена просто отлично.Однако, когда на мобильном телефоне (iOS) пользователь касается входов select или text, пользовательский интерфейс клавиатуры не появляется, как ожидалось.
Стоит отметить, что содержимое формы перемещается в постоянное состояние div, что - это внутри тегов form.
Также, глядя на мою проблему, входные данные формы вызывают собственное поведение, но выглядят так, как будто они не сфокусированы послевсего лишь доли секунды.
У меня есть версия с таким поведением, которая происходит здесь:
Код, используемый длядобиться такого поведения можно здесь:
var $el = $('#options');
var offsetTop = $el.offset().top + $el.outerHeight();
var variant_content = $("#variants-container").contents();
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if(scrollTop > offsetTop){
$("#quick-add").addClass("show");
$("#bar-variant").html(variant_content);
} else {
$("#quick-add").removeClass("show");
$("#variants-container").html(variant_content);
}
});
Заранее спасибо за любую помощь по этому вопросу!