Исправлены колонтитулы в мобильной версии сайта - PullRequest
Новая
       4

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

6 голосов
/ 21 января 2011

Я занимаюсь разработкой мобильной версии своего веб-сайта, которую я тестирую на своем мобильном устройстве 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.

Кто-нибудь?

Ответы [ 4 ]

6 голосов
/ 21 января 2011

Кажется, что position: fixed только частично поддерживается в Android 2.2+, если вы также добавили определенный метатег.Вы также должны отметить, что это не поддерживается на iOS.Хотя есть сценарии для имитации поведения (которых у меня нет под рукой).

2 голосов
/ 04 мая 2012

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

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

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

1 голос
/ 21 января 2011

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

Статья на макете страницы

0 голосов
/ 21 января 2011

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

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

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

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

...