Android Web App : Position:fixe cassé?
Je suis en train de développer une Application Web pour les mobiles. J'
suis allé avec des applications web parce que pour moi, il semble qu'une situation gagnante
d'avoir à développer une application qui pourrait fonctionner aussi sur iPhone /
Windows Mobile /pda etc
J'ai commencé à tester aujourd'hui après quelques jours de faire des concepts, des idées et des
dessins et ce que je voulais faire était d'avoir un menu qui colle à la
en bas de la page. Exactement comme le menu sur le fond dans cet iPhone
demande de copie d'écran :
À l'aide de CSS, je pensais qu'il serait vraiment facile de faire cela. Uniquement à l'aide de
position:fixed; bottom:0; aurait fait le tour, mais j'ai trouvé
elle ne se comportent pas de la même sur les navigateurs mobiles
J'ai essayé de partager ma page en 2 sections : 1 serait un div scrollable
(pour le contenu) et l'autre serait le menu du bas.
Défilement divs aussi ne fonctionne pas sur Android. J'ai aussi essayé d'utiliser des cadres
avec pas de chance non plus. Personne ne sait de toute façon à re-créer un menu
qui collait au bas d'une page pour les téléphones mobiles?
- vous avez dit que vous feriez post précédent si l'une des solutions travaillé, j'ai un problème similaire et je voudrais savoir quelle option à essayer de grâce!
- Moi aussi. Merci.
Vous devez vous connecter pour publier un commentaire.
Sur mon Android N1 avec CyanogenMod, j'ai eu ce problème aussi, et la correction:
Spécifiquement la
user-scalable=no;
partie, vous pouvez aussi mettre0
au lieu deno
.Il est intéressant de cette pauses androïdes rendu de boutons, mais tout ce que vous avez à faire est de définir une couleur de fond pour les boutons.
Juste ajouter:
à la page et que vous avez défini pour Android 2.2+. Cela a fonctionné sur une page j'ai été le tester sur mon téléphone. Source: Quand puis-je utiliser les CSS position:fixed?
C'est censé fonctionner 🙂
http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/
Viens de recevoir une mise à jour vers Android 2.2 (Froyo) sur mon HTC Desire, et je suis heureux de dire que la position fixe fonctionne maintenant, au moins lorsque vous utilisez la fenêtre d'affichage de la balise meta pour définir initiale de l'échelle et de la largeur. Encore ne semble pas fonctionner sur des pages web ordinaires si.
Je confirme que l'utilisation de la meta name dans votre en-tête html
vous aurez un fixe div sur le défilement vertical et horizontal sur Android 2.2, 2.3 et jusqu'
et iOS 4 et plus.
J'ai fait un exemple ici:
https://dl.dropbox.com/u/908148/website/test-scroll.html