Tengo un banner que tiene una altura de aproximadamente 450 px y tiene una imagen de fondo configurada como adjunto de fondo: fijo. Sé que no funciona en iOS, así que me preguntaba si había alguna manera de usar JS para detectar si la página web se está ejecutando en iOS y, de ser así, ¿puede simplemente eliminar el elemento del DOM? Aquí está mi código:

 <!--Banner--> <div class="banner"> </div> .banner { margin-top: 3rem; background-image: url(../img/angular/angular-mockup.png); width: 100%; overflow: visible; min-height: 454px; background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }