У меня есть панель, которая фиксируется в нижней части каждой страницы моего сайта, используя фиксированную позицию. Проблема в том, что на устройствах, таких как iPhone или iPad, это свойство не соблюдается.
Я попытался использовать javascript для определения высоты экрана, положения прокрутки, и это отлично работает на iPad:
$( window ).scroll( function ( ) { $( "#bar" ).css( "top", ( $( window ).height() + $( document ).scrollTop() - 90 ) +"px" ); } );
Как вы можете видеть, я использую jQuery. Проблема в том, что этот код не совсем работает на iPhone, потому что высота окна не включает в себя строку местоположения (а также панель отладки, если она есть), поэтому панель сначала идет в нужное место, но по мере ее прокрутки она исправлено над правой позицией (количество пикселей, используемых в строке местоположения Mobile Safari).
Есть ли способ получить эту информацию и правильно исправить эту панель инструментов?
Имейте в виду, что это не веб-сайт, сделанный для iPhone, поэтому я не могу использовать трюки, такие как iScroll вообще.