Salut,
je cherche également à faire la même chose que toi , à savoir , avoir un footer fixe qui fonctionnerai sur tous les navigateurs mobile. Et force est de constater que c est très difficile .
Le problème est qu on souhaite faire un footer à la iphone-like et que pour le moment la solution commune à tous les navigateurs et inexistante.
Mais le principale problème réside dans le fait qu on ne peux pas scroller dans une div pour le moment , à moins d utiliser des librairies patch .
Voici les différentes solutions que j ai testé
*Mettre ma div footer en position fixed avec un bottom=0px et un left=0px.
Cela marche sur les navigateurs internet courant ( Sauf IE evidemment ). Mais une fois sur une téléphone, certains navigateurs ne l interprète pas ( meme si les derniers OS commencent petit a petit a prendre en charge cette position )
* JqueryMobile permet de créer un footer fixe à travers le data-role et data-position (data-role="footer" data-position="fixed" ), cependant lorsque qu on test le code sur certain téléphone (notamment android 2.1), le footer ne s affiche pas correctement . Il y a souvent des problèmes de repositionnement ou une animation de repositionnement qui n est pas souhaitable.
voir :
http://jsfiddle.net/UhNH5/16/
* J ai essayé de réaliser la démo présente à cette page la:
http://www.jquery4u.com/demos/jsliderelatedpages/ ,
mais cela ne fonctionne pas très bien sur le mobile ...
* Une solution parait fonctionnel , voir à cette page:
http://cubiq.org/iscroll
la librairie iScroll permet d activer le scroll dans une div sur mobile. Cela semble bien fonctionner car les dev de JqueryMobile pensent à l intégrer dans le core du framework.
Cependant , certains téléphones posent encore des problèmes ( notamment blackberry ).
Donc si qq un a une solution efficace qui permettrait d afficher un footer fixe comme sur un iPhone, je suis MEGA PRENEUR !!!!!!!!!!
