2010-08-04 3 views
1

http://t1.kameleo.ch/iPhone и IPad позиция: фиксированная нижняя проблема

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

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

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

Кто-нибудь знает работу вокруг для этого?

ответ

2

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

+0

Не могли бы вы показать мне пример? У меня мало опыта с точками зрения. Как это будет выглядеть? – meo

+1

Я нашел это чистое решение css, которое работает для меня: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page – meo

+3

Выше CSS-решение не работает. –

0

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

// наклеить колонтитул в нижней части страницы, если мы на IPad/iPhone из-за видовые страницы ошибок в мобильном WebKit/

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

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

$(window).scroll(function() 
{ 
    $('#loginwindow').animate({top: $(document).scrollTop()}, 300); 
}); 
Смежные вопросы