IOS 7 – La barre d'outils du pied de page fixe se brise sur le clavier virtuel

J'ai créé une application qui fonctionne dans le navigateur et fournit un support de discussion. Ceci est pour le bureau et pour mobile et apparaît comme un pied de page fixe.

Sur le bureau, tout fonctionne bien, mais il est génial, mais quand il touche le mobile, je vois un problème étrange.

Quand je ne suis pas en haut de la page et que j'ouvre le clavier, tout fonctionne bien:

Mais si je suis près du haut de la page, la barre d'outils se casse et apparaît à mi-hauteur de la page:

• Swift – Désactiver les liens dans WebView
• IOS – html5 – mode plein écran – lavage invalidant
• Comprendre les réponses XMLHttpRequest à l'aide de cette (ou d'autres fonctions javascript)?
• Multitouch touchEvents ne sont pas déclenchés comme ils le devraient sur Safari Mobile
• Afficher le clavier pour div avec contenteditable = "true" in ios

J'ai trouvé le lien suivant où quelqu'un d'autre le mentionne, mais je ne peux pas cacher le pied de page comme je l'ai montré: http://forum.jquery.com/topic/how-to-set-footer-fixed-at-bottom-even -if-virtual-keyboard-is-open

Tout conseil sur la façon de résoudre ce problème serait génial, j'ai lu que iOS a ajouté un support pour une position fixe mais semble être cassé pour ce cas (ouverture du clavier virtuel depuis le haut de la page).

Voici mon code:

#gc_toolbar_layout { ... position: fixed; word-break: keep-all; word-break: break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } 

Je vous remercie.

• Réveil Cordova
• Comment puis-je appeler les méthodes Objective-C à partir de JavaScript?
• Entrée de fichier HTML avec sélection multiple dans UIWebView ne fonctionne pas pour les vidéos
• L'événement iOS 7 onchange est cassé dans iPad 3 + Mini // Besoin de travail autour
• Obtenir un mot sous la touche UIWebView en utilisant JavaScript

 $(document).on('focus', 'textarea', function() { $("#gc_chat_layout").css({position: 'relative', float: 'right', bottom: 'auto'}); $(document).scrollTop($(document).scrollTop()); }); $(document).on('blur', 'textarea', function() { $("#gc_chat_layout").css({position: 'fixed', float: 'none', bottom: '0'}); });