Фиксированное позиционирование для мобильных браузеров

Question

На мобильном сайте, который я создаю, мне нужен верхний заголовок, чтобы оставаться неподвижным.

Я знаю фиксированного решения положения для Mobile Safari, как показано здесь:

http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

Я попробовал это, и это хорошо работает. Тем не менее, мне было интересно, есть ли одно решение, которое работает для мобильных браузеров основных мобильных телефонов. Примечание. Мне не нужен нижний колонтитул, чтобы оставаться неподвижным, только верхний заголовок. Таким образом, это должно облегчить размещение для всех размеров экрана мобильного телефона, так как я просто установил верх div на 0 onScroll.

Спасибо!

Answer 1

Важное обновление

С прошивкой 5, фиксированный позиционирование отлично работает на мобильном телефоне. Точно так же последние андроиды поддерживают его.

---

Старый ответ

Я думаю, iScroll наиболее активно развивается решение, он поддерживает Android

Но есть несколько вещей, чтобы не упустить:

1. Включив этот хак, вы отключите функции, которые люди используют для масштабирования.
2. Это добавляет много сложности вашему решению.

По этим причинам JQtouch решил not to use it:

Не проблема. В настоящее время он не поддерживается в jQTouch. Не знаю, как вы знакомы, но главная проблема здесь в том, что мобильный Safari не позицию поддержки: фиксированные. Несколько человек работали над реализацией , в первую очередь Cubiq и Doctyper. Оба чувствуют себя не так со мной, следовательно, почему я не делаю по умолчанию, но вы можете попробовать сделать расширение, которое поддерживает IT-

лично при работе с материалом, который необходимо фиксированное позиционирование на iPhone я предпочитаю идти со статическим позиционированием и просто автоматически прокручиваю нижнюю/верхнюю область при динамическом изменении содержимого.

Answer 2

Следуя ссылке, которую опубликовал Сэм Шаффрон, кажется, что новая версия iScroll (версия 4) разрешила некоторые проблемы, с которыми Сэм перечислил.

iScroll-4

В дополнение ко всем предыдущим особенностей iScroll, версия 4 представляет:

• Pinch/Zoom
• Потяните вверх/вниз, чтобы обновить
• Улучшенная скорость и импульс
• Привязка к элементу
• Настраиваемый скроллбары

Я только посмотрел на демо на их сайте, так что я не могу поручиться за него, но она хорошо выглядит!

Answer 3

Я столкнулся с той же проблемой более двух недель. И это решение сработало для меня. Просто включите

-webkit-backface-visibility: hidden;

в css элемента вместе с положением: исправлено.

Будет хорошо работать