Estoy diseñando una página web (usando AngularJS) que debe ser compatible con dispositivos móviles.

La vista que he diseñado funciona bien en el navegador, si la barra de tareas inferior no está abierta (es como una aplicación de una sola página). Sin embargo, si la barra de tareas inferior está abierta, se superpone/oculta el botón en esa página.

Quiero una página receptiva, donde pueda reducir el tamaño de la página general o mover el botón un poco hacia arriba para que sea visible incluso si la barra de tareas está habilitada. Si está deshabilitado, debería ir debajo de la parte inferior de la pantalla.

¿Hay algún evento que pueda escuchar y verificar si la barra de tareas está habilitada para poder ajustar mi vista en consecuencia?