I'm designing a webpage (using AngularJS) which has to support mobile devices.

The view I've designed works well on the browser, if the bottom taskbar isn't opened (it's like a Single Page Application). However, if the bottom taskbar is opened, it's overlapping/hiding the button on that page.

I want a responsive page, where I'd be able to reduce the size of the overall page, or move the button a little bit upwards, to make it visible even if the taskbar is enabled. If it's disabled, it should go beneath the bottom of the screen.

Are there any events which I could listen for, and check whether the taskbar is enabled so I can adjust my view accordingly?