1480 sujets

Web Mobile et responsive web design

Hello,

sur mon site j'ai un formulaire et j'affiche des messages du genre "vous avez oublié de remplir le champ Prénom" si l'utilisateur n'a pas renseigné son prénom.

En arrière-plan il y a un overlay transparent en position:fixed qui recouvre l'écran dans toute sa surface.

Seulement voila, je découvre qu'iOS ne supporte pas parfaitement la propriété "position:fixed".
Sur iPad le "position:fixed" ne fonctionne pas, le div bouge en même temps qu'on scrolle.

Est-ce que vous avez des solutions pour ceci ?

Merci!
Hello,

la propriété css fixed fonctionne parfaitement sur iOS.

Effectivement lors du scroll, si tu as un fond fixe avec un background-size en cover par exemple, selon si la barre de navigation de ton navigateur est affiché ou pas, la taille du document va s'agrandir ou rétrécir et visuellement il se produit un truc pas très joli... ça se recale après la fin du scroll.

Si c'est cela dont tu parles.