Est-ce que `position: fixed` sur` <body> `est problématique?

Sur un SPA pour les appareils mobiles et les navigateurs de bureau, je dois définir position: fixed sur <body> pour éviter le débordement iOS/le défilement élastique.Est-ce que `position: fixed` sur` <body> `est problématique?

position: fixed et les modifications sur le <body> sont toujours un peu hacky et risqué de causer des problèmes.

Voilà pourquoi je voulais préciser:

Y a-t-il des problèmes connus/mises en garde/choses à surveiller (ie contexte d'empilement, le contexte z-indexation, statique/par rapport/positionnement absolu/fixe sur les enfants)/... lors de l'ajout de position: fixed à <body>

Source

2016-06-02 Aides

Je n'ai pas entendu. – Justinas

La "position: fixe" se rapporte à un "élément" positionné par rapport à la fenêtre du navigateur. Le zoom du navigateur Web est affecté par celui-ci. IE6 et ci-dessous vont également rompre avec elle.

Peut-être que ce serait mieux que:

html, body { height: 100%; overflow: auto; } 

body .element { position:fixed; bottom: 0; }

Ensuite, pour le code html:

<body> 
<div class="element"> 
    (everything else inside here) 
</div> 
</body>

Source

2016-06-02 07:10:56 3Lancer

Est-ce que quelqu'un supporte encore <= IE6? – Justinas

Est-ce que `position: fixed` sur` <body> `est problématique?

Répondre

Questions connexes