El navegador IE6, que se produjo ampliamente en 2002 y actualmente es la corriente principal de mi país, no admite el atributo de posicionamiento fijo de CSS2.
1. La solución a JS regular
Este es el más antiguo y ampliamente utilizado. La desventaja es que los elementos de la barra de desplazamiento de arrastre se vuelven muy difíciles. Sin embargo, es importante decir que aunque esta solución tiene un poco de mal efecto visual, no se puede mencionar la estabilidad.
2. Utilice la estructura HTML y el método de simulación de diseño
Esta solución se aplicó una vez en 163 Blog. estado . Principio: La barra de desplazamiento que arrastra no es toda la página, sino el contenedor que simula toda la página, por lo que el lugar fuera del contenedor está "quieto". detallado:
El siguiente es el contenido citado: <! Doctype html público "-// w3c // dtd xhtml 1.0 transitional // en" |
Aquí el efecto visual es perfecto, hay tres problemas:
1. Necesito cambiar la estructura HTML (este elemento no se explica)
2. Destruya la experiencia del usuario: he probado este método antes, pero cuando actualizo la página, la barra de desplazamiento no se quedará donde está, que no puedo tolerar.
3. Destruye algunos eventos de JS.
3. La solución de "método de compensación" sin precedentes al método de Marte
El principio es realmente extraño, no puedo explicarlo, y las limitaciones de la aplicación son demasiado grandes. Ver ejemplos:
El siguiente es el contenido citado: <! Doctype html público "-// w3c // dtd xhtml 1.0 transitional // en" |
4. Expresión recién utilizada y solución de fondo fija para tecnología antigua
Esta solución puede realizar visualmente perfectamente el posicionamiento estático. ejemplo:
CloudGamer: Efecto de capa emergente de alertbox (cuadro de solicitud de información)
Mi anterior: "Solución simple de máscara transparente de pantalla completa (Lightbox)"