Исправлена ​​позиция в мобильном браузере для нижнего колонтитула

Question

Добрый день, у меня есть такая мета

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalabale=no, width=device-width, height=device-height" />

Теперь я могу получить порт просмотра высоты с помощью js. Я хочу использовать его для изменения нижнего колонтитула, чтобы он всегда оставался внизу экрана.используя либо фиксированное позиционирование.вот нижний колонтитул css

#footer
{
height:30px;
background-color:#D9D9D9;
background-image:url(../images/footer.png);
background-repeat:repeat-x;
margin-top:20px;
width:100%;
/*bottom:0;
position:fixed;*/
}

как мне изменить этот нижний колонтитул, используя JS, чтобы получить правильную вещь.Спасибо.@ Cyberomin.

Answer 1

См. Также решение Google для этого http://code.google.com/mobile/articles/webapp_fixed_ui.html

Answer 2

Положение: исправлено, доступно с Android 2.2.

Однако для других устройств, таких как IPhone, у вас должно быть решение, имитирующее собственный скроллер: решение этого типа доступно через инструментарий JavaScript Wink .Этот инструментарий позволяет легко создавать WebApps, оставаясь при этом простым в использовании (не нужно изучать API).Посмотрите на примеры компонента Scroller.

Answer 3

Если вы под мобильным браузером подразумеваете «мобильное сафари», вам не повезло, оно не поддерживает фиксированную позицию.

Соответствующий ответ: Исправлено позиционирование в Mobile Safari

Изменить: Этот проект может быть полезен для вас -> http://cubiq.org/iscroll

Answer 4

document.getElementById("footer").style.position = "fixed";