Возможно ли закрепление нижнего колонтитула внизу на сайте iPad?

Question

Возможно ли закрепить нижний колонтитул на iPad? Я делаю веб-сайт, который также должен быть совместимым с iPad, и этот сайт мне нужен для нижнего колонтитула Sticky.

Answer 1

В случае, если это полезно для кого-то еще, этот код решил это для меня для Ipad IOS6 Safari и Chrome:

if (navigator.platform == 'iPad') {
    $("#footer-container").css("position", "static");
    $('#footer-container').css('top', window.innerHeight + window.scrollY - 10 + "px");
}

Моя ситуация состояла в том, что при отображении клавиатуры мой div нижнего колонтитула был помещен в середину страницы.

Answer 2

Начиная с позиции ios5: исправлено поддерживается (частично)

Answer 3

Я использую это, чтобы получить как можно ближе.(он прыгает, но лучше, чем ничего.

// IphoneIpad hack, to keep footer on bottom
        $(document).bind('scroll', function() {
            if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
                $('#footerContainer').css('top', window.innerHeight + window.scrollY - 30 + "px");
            }
        });

Answer 4

Проблема в том, что положение: исправлено не поддерживается iPad, поэтому вам нужен javascript для достижения цели, это не так просто.