Как разрешить позицию: исправлено для нижней панели инструментов на iOS (iPhone / iPad)

У меня есть полоса, которая закреплена внизу каждой страницы моего веб-сайта с помощью position: fixed. Проблема в том, что на таких устройствах, как iPhone или iPad, это свойство не соблюдается.

Я попытался использовать javascript для определения высоты экрана, положения прокрутки, и это отлично работает на iPad:

$( window ).scroll( function ( ) { $( "#bar" ).css( "top", ( $( window ).height() + $( document ).scrollTop() - 90 ) +"px" );  } );

Как видите, я ' м с помощью jQuery. Проблема в том, что этот код не совсем работает на iPhone, потому что высота окна не включает строку местоположения (а также панель отладки, если она есть), поэтому панель сначала идет в нужном месте, но по мере прокрутки он фиксируется над правильным положением (количество пикселей, используемых полосой местоположения Mobile Safari).

Есть ли способ получить эту информацию и правильно исправить эту панель инструментов?

Имейте в виду, что это не так. веб-сайт создан для iPhone, поэтому я вообще не могу использовать такие уловки, как iScroll.