положение iPhone и iPad: исправлена ​​проблема с дном

Question

http://t1.kameleo.ch/

Если вы прокрутите вниз, под нижним колонтитулом будет кнопка входа.Если вы щелкнете по нему, логин появится внизу экрана.

Я сделал это с фиксированным отрицательным положением относительно нижней части страницы.Это прекрасно работает в любом браузере, за исключением мобильных устройств, таких как iPad и iPhone.В середине экрана появляется панель входа в систему.

Снимок экрана на iPhone: http://img844.imageshack.us/i/photoe.png/

Кто-нибудь знает, как это обойти?

Answer 1

Причины этого состоят в том, что браузеры iOS используют область просмотра, которая перемещается вокруг окна, это означает, что фиксированная позиция фиксирована относительно окна, но не области просмотра. Вам нужно будет позиционировать его с помощью JavaScript, проверив текущее положение области просмотра.

Answer 2

Установить абсолютное положение; и добавьте это:

$(window).scroll(function()
{
  $('#loginwindow').animate({top: $(document).scrollTop()}, 300);
});

Answer 3

Попробуйте это решение. Я еще не пробовал, но должно сработать:

// вставляем нижний колонтитул внизу страницы, если мы находимся на iPad / iPhone из-за ошибок в области просмотра / страницы в мобильном веб-наборе

if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
         $("#footer").css("position", "static");
};