J'essaie de développer une application de discussion à l'aide de téléphonesGap pour les périphériques iOS. L'application a un en-tête qui affiche l'utilisateur enregistré, un pied de page où l'utilisateur peut écrire son message texte et une vue de liste placée dans le corps qui affichera des messages.
J'ai mis à jour à la dernière version de JQueryMobile (1.3.0) mais le problème figurant toujours à l'intérieur de l'application. J'ai joint un instantané montre comment la mise en page devient corrompue. ( http://i.stack.imgur.com/rslft.png )
J'ai essayé plusieurs solutions comme faire de la page non défilable (définir uiwebviewbounce to False) et non évolutif (utilisateur-Scalable = NO) et d'autres modifications de l'interface utilisateur, mais le problème n'est pas résolu.
Quelqu'un a-t-il une idée de la manière de résoudre ce problème? (comme un rafraîchissement après l'apparition du clavier souple)
6 Réponses :
J'ai contacté le support téléphonique et ils ont informé qu'une solution appropriée devrait être effectuée dans la publication téléphonique 2.6 concernant ce numéro
Pour autant que je sache, le problème est que le clavier apparaît alors la page est défilable et il y a un espace supplémentaire (environ 40PX hauteur) ajouté à la fin de la page. Si c'est vrai, il existe toujours dans pg 3.0 :(
Pour l'instant, vous pouvez ajouter un:
document.body.scrollTop = 0;
merci Zejesago, j'ai essayé cette solution avant, mais la page apparaîtra de monter et de descendre et que ce soit ennuyeux pour les utilisateurs
@zejesago, ça marche ... merci mon pote. J'essayais difficile pour cette solution Notre solution a fonctionné !!! +1 pour vous!
@zejesago, pouvons-nous réparer l'en-tête pendant que le clavier est ouvert? Voici ma question avec des screenshots lien
@Sushant je ne suis pas sûr. Cela fait longtemps que j'ai utilisé Phonegap dans un projet. Je suis actuellement allé comme originaire. :)
@zejesago, le genre de problèmes m dans des cadres hybrides, même m à penser fortement à déménager à Native maintenant !!
i corrigé-le à l'aide de CSS et un wrapper
Bonjour Steeve, j'ai essayé votre solution, parfois, il corrige la mise en page, mais le problème reste d'apparition (testé à l'aide de téléphones 2.5)
Dans mon cas, il a complètement fixé car rien ne repose sur la hauteur de la fenêtre, tout sur le conteneur.non doute qu'il s'agisse d'un bug natif, mais il n'y a pas d'autre solution là-bas.
Pour résoudre ce problème temporairement (car il affiche des pauses tandis que le clavier est affiché), vous pouvez définir "KeyboardShRinksView" sur "True" dans votre fichier de configuration (config.xml) ou l'ajouter:
<widget> ... <preference name="KeyboardShrinksView" value="true" /> <plugins>...
..et ce qui est un héritage à nouveau un an plus tard: Stackoverflow. com / questions / 21739396 / ...
J'avais le même problème à l'aide de Twitter Bootstrap 3.
Ajout: a résolu le problème pour moi.
la hauteur de l'écran d'application Cordova / téléphonegap ou Utilisation JavaScript, sur window.innerheight La valeur est réduite lorsque le clavier apparaît, ce -Sise le contenu à l'intérieur et rend votre écran corrompu. DeviceReady ou Application Initialiser Définissez la hauteur de l'écran de périphérique sur votre élément wrapper / conteneur.
