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

Question

Я разрабатываю мобильную версию своего веб-сайта, который я тестирую на своей Samsung Galaxy S android мобильный телефон работает Froyo (2.2).

Я хотел бы, если смотреть со стандартным интернет-браузер, имеют фиксированный заголовок и фиксированный колонтитул (которые всегда видны на экране) с содержимым страниц прокручивать между ними.

Я пробовал всевозможные комбинации с заполнением тела и сортами (которые, похоже, работают при просмотре в браузере на ПК), но не могут найти решение.

Может ли кто-нибудь помочь здесь?

Примечание: если я попробовать что-то вроде этого:

<div id="header" style="position:absolute; top:0px; left:0px;height:200px;overflow:hidden;"></div> 
<div id="content" style="position:absolute; top:200px; bottom:200px; left:0px;overflow:auto;"></div> 
<div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px;overflow:hidden;"></div> 

И колонтитулы фиксируются, но содержание не прокручивать, например, он также кажется фиксированным.

Возможно, это был браузер Android Froyo 2.2.

Кто-нибудь?

Answer 1

На следующем сайте объясняется состояние этой проблемы.

http://bradfrostweb.com/blog/mobile/fixed-position/

Автор предлагает несколько решений JavaScript.

• iScroll 4
• Scrollability
• Sencha Touch
• Jquery Mobile

Answer 2

Кажется, что позиция: фиксированная только partially supported в Android 2.2+, если вы также добавляете особый метатег. Следует также отметить, что он не поддерживается вообще под iOS. Есть сценарии для подражания поведению, хотя (что у меня нет под рукой.)

Answer 3

Поскольку вы, вероятно, только хотите создать это за один раз и хотели бы поддерживать несколько мобильных устройств прозрачно, я бы предложил вам посмотри на: JQuery Mobile

Article on page layout

Answer 4

Если вы уже работаете с минимальным пространством экрана, почему вы хотите, фиксированный верхние и нижние колонтитулы? Учтите, что каждое окно браузера может быть недостаточно большим для того, чтобы оно было практичным. Что происходит, когда кто-то просматривает вашу страницу в ландшафте, и у вас есть фиксированный верхний и нижний колонтитулы?

Даже на Nexus S, на 800x480, при 100% масштабировании вы занимаете половину страницы в верхних и нижних колонтитулах, и это на портрете. В пейзаже, забудьте об этом ...

Есть ли другой дизайн, который может хорошо работать?

Каково использование ссылок? Если они очень важны, может иметь смысл просто повторить их по-другому.