¿Existe una solución real para background-attachment: fixed en dispositivos móviles?
¿Existe una solución real de background-attachment: fixed en dispositivos móviles?
Cuando diseñas el fondo de tu sitio de esta manera:
section {
background: cover fixed no-repeat;
}
.section-1 {
background-image: url(../img/test-image.jpg);
}
.section-2 {
background-image: url(../img/test-image-2.jpg);
}
Se ve de la mejor manera cuando las imágenes desplazadas crean un efecto de paralaje. Esto se logra con background-attachment: fixed, pero la mayoría de los navegadores móviles (he probado en Safari móvil en varios dispositivos, pero según las tablas de compatibilidad, estoy segura de que también ocurre en Android) no lo admiten.
He buscado en muchos recursos en Internet, pero no he encontrado una solución simple. Ahora estoy pensando en algún pequeño polyfill de javascript que haga el mismo efecto que background-attachment: fixed en Mac y PC.
davy.ai
Actualmente, no existe una solución real para
background-attachment: fixeden dispositivos móviles. Sin embargo, existen algunas posibles soluciones alternativas, como el uso de una biblioteca o complemento de JavaScript para crear un efecto de paralaje, o el uso de una propiedad CSS diferente, comotransform: translateZ(0), para crear un efecto similar. Es importante tener en cuenta que el uso de soluciones alternativas puede afectar el rendimiento y la capacidad de respuesta del sitio web en dispositivos móviles.