Le navigateur IE6, qui a été largement produit en 2002 et est actuellement le courant dominant de mon pays, ne prend pas en charge l'attribut de positionnement fixe de CSS2.
1. La solution à JS ordinaire
C'est le plus ancien et le plus utilisé. L'inconvénient est que les éléments de la barre de défilement qui traînent sont très difficiles. Cependant, il est important de dire que bien que cette solution ait un petit effet visuel médiocre, la stabilité ne doit pas être mentionnée.
2. Utilisez la structure HTML et la méthode de simulation de mise en page
Cette solution a été appliquée une fois par 163 blog. État . Principe: La barre de défilement que vous faites glisser n'est pas la page entière, mais le conteneur qui simule toute la page, donc l'endroit à l'extérieur du conteneur est "toujours". détaillé:
Ce qui suit est le contenu cité: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" |
Ici, l'effet visuel est parfait, il y a trois problèmes:
1. Besoin de modifier la structure HTML (cet élément n'est pas expliqué)
2. Détruisez l'expérience utilisateur: j'ai déjà essayé cette méthode, mais lorsque je rafraîchis la page, la barre de défilement ne restera pas où elle est, ce que je ne peux pas tolérer.
3. Détruisez certains événements de JS.
3. La solution sans précédent "méthode de compensation" à la méthode Mars
Le principe est vraiment bizarre, je ne peux pas l'expliquer et les limitations d'application sont trop grandes. Voir des exemples:
Ce qui suit est le contenu cité: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" |
4. Expression nouvellement utilisée et solution de fond fixe pour les anciennes technologies
Cette solution peut réaliser visuellement parfaitement le positionnement statique. exemple:
CloudGamer: Alertbox Pop-up Couche (boîte d'invite d'informations)
Mon précédent: "Solution de masque transparent en plein écran simple (Lightbox)"