Me registré hace unos minutos para hacerles mi pregunta querida comunidad.

Ya he intentado salir adelante con preguntas similares, lamentablemente sin éxito.

javascript no es mi fuerte

Estoy detectando con php si es un dispositivo móvil para mostrarles una barra de navegación móvil como esta. La barra de navegación se coloca en la parte inferior (y oculta mi texto de derechos de autor).

 if(isMobileDevice()){ require __DIR__. '/mobile-navbar.php'; }

mi mobile-navbar.php se ve así

 <div class="uver-mobile-navbar" id="mobile-navbar"> <a href="#uver" class="active">uver</a> <a href="#uver">uver</a> <a href="#uver">uver</a> <a href="#uver">uver</a> <a href="#uver">uver</a> </div>

y mi mobile-navbar.js se ve tan

 document.onscroll = function() { if (window.innerHeight + window.scrollY > document.body.clientHeight) { document.getElementById('mobile-navbar').style.display='none'; }else{ document.getElementById('mobile-navbar').style.display='block'; } }

El problema es que tan pronto como me desplazo, el div desaparece. Cuando me desplazo hacia arriba ya no aparece.

Les agradezco de antemano su apoyo.

Saludos cordiales Ridvan