iOS 7 Chrome – фиксированный позиционный ящик не остается внизу, когда всплывает виртуальная клавиатура

У меня есть нижний ящик, который фиксируется в нижней части. При нажатии, выдвижной ящик будет выдвигаться вверх и показывать больше контента. На iOS 7, когда пользователь вводит тег ввода или тег textarea, появляется виртуальная клавиатура. Однако ящик выдвигается на странице, а не прилипает к основанию, когда появляется клавиатура. Пожалуйста, смотрите на рисунке ниже. введите описание изображения здесь

Я сначала столкнулся с проблемой также и в Safari, но я добавил следующий код, чтобы изменить фиксированную позицию на абсолютную, когда клавиатура открыта:

// Apple.Device detects if it is an apple device if (Modernizr.touch && Apple.Device) { /* cache dom references */ var $body = jQuery('body'); /* bind events */ $(document) .on('focus', 'input, textarea', function(e) { $body.addClass('fixfixed'); }) .on('blur', 'input, textarea', function(e) { $body.removeClass('fixfixed'); }); } 

Код CSS:

 .fixfixed #drawer { bottom: 0; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; } 

Это исправление работает в Safari на iOS 7, но оно не работает в Chrome. Кроме того, есть проводящее поведение:

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

Как я могу решить эту проблему? (Я искал какое-то время, но как мне отлаживать Chrome на iOS?)

Большое спасибо за вашу помощь!

Обновить

Я использовал следующий код, чтобы определить, является ли это Chrome на iOS 7, если это так, я скрываю ящик, когда виртуальная клавиатура встает, и повторно отображает ящик, когда виртуальная клавиатура выключена.

 function iOSversion() { if (/iP(hone|od|ad)/.test(navigator.platform)) { // supports iOS 2.0 and later: <http://bit.ly/TJjs1V> var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/); return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)]; } } var iosVersion = iOSversion(); if (navigator.userAgent.match('CriOS') && iosVersion[0] == '7') { $(document).hammer().on('tap', 'input, textarea', function(e) { $('body').addClass('chromefixfixed'); }) .on('blur', 'input, textarea', function(){ body.removeClass('chromefixfixed'); }) } 

Код CSS:

 .chromefixfixed #drawer { display: none; } 

Тем не менее остается вопрос: как я могу заставить Chrome на iOS 7 работать как Chrome на Android (не скрывая ящик при закрытии клавиатуры)?

Спасибо за помощь!

One Solution collect form web for “iOS 7 Chrome – фиксированный позиционный ящик не остается внизу, когда всплывает виртуальная клавиатура”

Положение фиксированного дна и абсолютного нижнего положения – абсолютный кошмар на устройствах iOS и Android. По моему опыту, это просто невозможно заставить его последовательно воспроизводить даже самые современные устройства, не говоря уже о более старых, которые доминируют на рынке в настоящее время. Настолько, что в качестве разработчика я бы попросил дизайнера переосмыслить макет из-за этого. Я верю, что это называется «обойдя сундук».

  • Как отправить сообщение пользовательскому Google Cast Receiver из Chrome для iOS?
  • Распознавание речи на основе iOS-браузера iOS
  • Альтернатива IndexedDB в не поддерживаемых браузерах? Safari / iOS Saf-Chrome
  • Разрешение на геолокацию Chrome IOS HTML5 запрещено
  • Мобильный Chrome для iOS: tel-anchors buggy?
  • содержимое «перескакивает» по вертикали в Chrome iOS с размером видового экрана, когда адресная строка скрыта / отображена
  • Плагины для Chrome на iPhone
  • Доступен ли WebRTC в Chrome 21 для iOS?
  • Как сделать фиксированный контент выше iOS-клавиатуры?
  • Как отладить веб-сайт для ios.iphone с Windows PC
  • Запросы Media не работают должным образом в Chrome для iOS
  • Interesting Posts

    Отступ текста в UITextField

    Изображения и медиа не отображаются в TWTRTweetTableViewCell TwitterKit ios

    hitTest срабатывает при прослушивании UIKeyboard

    Модальный Segue в WatchKit, не вызывающий contextForSegueWithIdentifier

    Как открыть конкретную публикацию Facebook в приложении iOS для Facebook?

    Таблица, показывающая неправильный размер ячейки

    Применение масштабирования и поворота в представлении с использованием CGAffineTransform

    Как поделиться файлами NSData или phasset с помощью Facebook iOS SDK 4.0 FBSDKShareDialog

    CNContactStoreDidChangeNotification запускается несколько раз

    Преобразовать все подпункты

    Использование Apple Script для перемещения нескольких файлов из нескольких папок в один

    Как CALayer конвертирует точку и из ее подслоев?

    Первоначальный выбор VoiceOver

    Пользователь должен войти в систему, чтобы использовать собственное поле

    Ошибка такого модуля «Ансамбли» – импорт объектно-c-рамки для использования в быстром проекте

    PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.