Положение: зафиксировано на планшете? - PullRequest
0 голосов
/ 05 декабря 2011

Я сейчас работаю над своим веб-сайтом портфолио . Я пытаюсь оптимизировать его для максимально возможного количества оборудования, поэтому я посмотрел свой сайт на планшете. Облом. У меня есть нижний колонтитул, который должен «прилипать» к нижней части окна, который я успешно создал с помощью следующего CSS:

footer {
    position: fixed;
    bottom: 0px;
    height: 100px;
    width: 100%
}

Однако на планшете он не прилипает к нижней части окна, а зависает под остальным содержимым (вот где я поместил его в свой HTML). Это означает, что если на странице мало контента, нижний колонтитул размещается в середине страницы. Некоторое время я гуглил и обнаружил, что некоторые планшеты не поддерживают фиксированное позиционирование.

Кто-нибудь знает, как обойти эту проблему?

Ответы [ 2 ]

1 голос
/ 06 декабря 2011

Хорошо, я отвечу на свой вопрос, чтобы подвести итог.Благодаря Дареку Россману я нашел несколько интересных ссылок.Суть в том, что фиксированная позиция постепенно получает все большую поддержку на планшетах, поэтому вопрос времени больше не будет проблемой.Обходной путь, который, кажется, работает для меня, использует решение javascript, упомянутое Дареком Россманом в его первом комментарии.Однако javascript все еще не работает безупречно на некоторых планшетах.Пока не наступят лучшие времена, я буду использовать другую таблицу стилей для планшетов (используя медиа-запросы).Отдельное спасибо Дареку Россману, который опубликовал интересные материалы!

0 голосов
/ 19 марта 2013

Хорошие люди из группы Filament создали плагин для этого, проверьте его здесь: Fixed-Fixed

Они также создали еще много замечательных плагинов для «прогрессивного улучшения», посмотрите здесь: SouthStreet

Оставайтесь с ними на сайте: Filamentgroup

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...