quisiera me pudieran ayudar con este tema, estoy practicanto html y css muy simple, he puesto una imagen de fondo y le puse la propiedad background-attachment: fixed; y hasta donde leí es para que la imagen quede estática y no se mueva al hacer scroll. Desde la web todo funciona de maravilla, pero cuando se abre desde el móvil al hacer scroll la imagen se mueve un poco mostrando un fondo blanco pero luego se ajusta nuevamente. Alguien me podría indicar si esto es normal por el navegador o si es que me falta algo por hacer estas son las siguientes propiedades que tengo actualmente:
body {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-image: url(./img/fondo-hamburguesa.jpg);
background-size: cover;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
padding: 20px;
}
También dejo el proyecto publicado https://maguz727.github.io/menu-simple-restaurante/
De antemano muchas gracias por la ayuda que me puedan brindar.
background-color
similar al de la imagen.