Android et position: fixed [Résolu]

ProgVal · 14/03/2011, 21h05

Bonjour,

J'ai fait quelques recherches, et cela semble un problème connu, même si
je n'ai trouvé aucune solution.

J'ai fait un site avec un design minimaliste, utilisant massivement des
position: fixed (pour le header, le menu, et le footer). Ça marche correctement
sur mon ordinateur, mais mon Android le refuse obstinément, les considérant
comme des absolute (à part le footer qui se balade de temps en temps, quand
l'envie lui chante, quand je monte ou descend dans la page).

Avez-vous une solution ?

Merci d'avance,
ProgVal

Bisûnûrs · 15/03/2011, 08h01

Les navigateurs mobiles ne reconnaissent pas la position fixe. Tu dois t'en passer.

Patrice.H · 15/03/2011, 11h21

Certains navigateurs mobiles prennent en compte la position fixed. Développant moi même pour mobile à mes heures perdues j'ai rencontré le même problème.

Sur mon android, Opera ne supporte pas le "fixed" mais Firefox si. Par contre dans tous les cas où il est supporté, le déplacement n'est pas fluide du tout, l'attente entre la fin du déplacement de l'écran et le suivi des éléments "fixed" peut parfois durer plusieurs secondes.

En bref, entre ceux qui le supportent pas, et ce qui le supportent mal: évite le fixed. De plus ça occupe constamment une partie de l'écran qui n'est généralement pas grand.

Pour ma part j'utilise une page qui s'adapte à la taille du mobile. Et je met le footer en absolute bottom:0;

Cordialement,

ProgVal · 15/03/2011, 18h43

Même en Javascript, il n'y a pas moyen ?

Et quand je met le footer en absolute, il ne se met pas en bas de la page, mais en bas de l'écran, puis remonte au fur et à mesure qu'on scroll.

Bisûnûrs · 15/03/2011, 18h56

En Javascript le problème sera le même. Les scripts sont gelés au moment du scroll et ne se redéclenchent qu'à la fin. Donc le calcul de la position de l'élément ciblé ne se fera qu'après la fin du scroll.

ProgVal · 15/03/2011, 18h59

Ok, merci à vous deux.

Gaby22 · 18/03/2011, 00h36

J'ai trouvé ça met j'arrive pas à l'utiliser...

http://doctyper.com/archives/200808/...mobile-safari/

Avec la démo ici :
http://doctyper.com/stuff/iphone/fixed/

14/03/2011, 21h05	#1
ProgVal Membre chevronné Valentin Lorentz Étudiant Inscription : mai 2006 Messages : 624 Détails du profil Informations personnelles : Nom : Valentin Lorentz Âge : 18 Localisation : France, Moselle (Lorraine) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2006 Messages : 624 Points : 644 Points : 644	Android et position: fixed Bonjour, J'ai fait quelques recherches, et cela semble un problème connu, même si je n'ai trouvé aucune solution. J'ai fait un site avec un design minimaliste, utilisant massivement des position: fixed (pour le header, le menu, et le footer). Ça marche correctement sur mon ordinateur, mais mon Android le refuse obstinément, les considérant comme des absolute (à part le footer qui se balade de temps en temps, quand l'envie lui chante, quand je monte ou descend dans la page). Avez-vous une solution ? Merci d'avance, ProgVal __________________ Troll à temps plein.
	00

15/03/2011, 11h21	#3
Patrice.H Membre régulier Étudiant en alternance Inscription : février 2010 Messages : 80 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant en alternance Informations forums : Inscription : février 2010 Messages : 80 Points : 82 Points : 82	Certains navigateurs mobiles prennent en compte la position fixed. Développant moi même pour mobile à mes heures perdues j'ai rencontré le même problème. Sur mon android, Opera ne supporte pas le "fixed" mais Firefox si. Par contre dans tous les cas où il est supporté, le déplacement n'est pas fluide du tout, l'attente entre la fin du déplacement de l'écran et le suivi des éléments "fixed" peut parfois durer plusieurs secondes. En bref, entre ceux qui le supportent pas, et ce qui le supportent mal: évite le fixed. De plus ça occupe constamment une partie de l'écran qui n'est généralement pas grand. Pour ma part j'utilise une page qui s'adapte à la taille du mobile. Et je met le footer en absolute bottom:0; Cordialement, __________________ "Il n'y a que deux façons d'avoir le dernier mot avec une femme. Le problème, c'est qu'aucune ne marche." Samuel Clemens
	00

15/03/2011, 18h43	#4
ProgVal Membre chevronné Valentin Lorentz Étudiant Inscription : mai 2006 Messages : 624 Détails du profil Informations personnelles : Nom : Valentin Lorentz Âge : 18 Localisation : France, Moselle (Lorraine) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2006 Messages : 624 Points : 644 Points : 644	Même en Javascript, il n'y a pas moyen ? Et quand je met le footer en absolute, il ne se met pas en bas de la page, mais en bas de l'écran, puis remonte au fur et à mesure qu'on scroll. __________________ Troll à temps plein.
	00

15/03/2011, 18h59	#6
ProgVal Membre chevronné Valentin Lorentz Étudiant Inscription : mai 2006 Messages : 624 Détails du profil Informations personnelles : Nom : Valentin Lorentz Âge : 18 Localisation : France, Moselle (Lorraine) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2006 Messages : 624 Points : 644 Points : 644	Ok, merci à vous deux. __________________ Troll à temps plein.
	00

15/03/2011, 08h01	#2
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Les navigateurs mobiles ne reconnaissent pas la position fixe. Tu dois t'en passer.
	00

15/03/2011, 18h56	#5
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	En Javascript le problème sera le même. Les scripts sont gelés au moment du scroll et ne se redéclenchent qu'à la fin. Donc le calcul de la position de l'élément ciblé ne se fera qu'après la fin du scroll.
	00

18/03/2011, 00h36	#7
Gaby22 Invité de passage Inscription : mars 2011 Messages : 1 Détails du profil Informations forums : Inscription : mars 2011 Messages : 1 Points : 1 Points : 1	J'ai trouvé ça met j'arrive pas à l'utiliser... http://doctyper.com/archives/200808/...mobile-safari/ Avec la démo ici : http://doctyper.com/stuff/iphone/fixed/
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email