jQuery Mobile - фиксированные заголовки - PullRequest
2 голосов
/ 14 февраля 2012

У меня есть мобильный сайт с запросом, и я стараюсь, чтобы мой заголовок был зафиксирован в верхней части страницы, а под ним - прокрутка контента.В документации я нашел именно как это сделать.Просто добавьте атрибут data-position = "fixed" к элементу заголовка.Это достаточно просто, и на их демонстрационной странице это выглядит великолепно ( Фиксированные панели инструментов ).

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

Поэтому мой вопрос: есть ли простой способ избежатьугасание?Как JQM избежал угасания на своей демо-странице?Кажется, я не вижу, как они реализуют поведение иначе, чем я.

Любая помощь очень ценится.

Ответы [ 3 ]

1 голос
/ 25 мая 2012

Theres новый выпуск JQuery Mobile

Новая версия JQuery Mobile 1.1.0 включает улучшенную поддержку фиксированного позиционирования заголовка, поэтому вам больше не нужно указывать CSS position: fixed.

Однако, одна заметка, я попробовал JQM 1.1.0 и обнаружил следующее:

  • iOS 5+ -: отлично работает
  • iOS 4 и ниже - нет поддержки фиксированного заголовка (прокрутка с вашей страницы)
  • Android 2.3 +: отлично работает (убедитесь, что вы отключили масштабирование страницы, используя метатег)
  • Android 2.2: заголовок перемещается вверх и вниз по странице
  • Android 2.1 и ниже: нет поддержки фиксированных заголовков.

Это связано с базовой поддержкой фиксированного позиционирования CSS в браузере.

Есть хорошая статья: http://bradfrostweb.com/blog/mobile/fixed-position/

0 голосов
/ 31 января 2013

Я попробовал положение jquery: исправлено в моих заголовках, он все еще хорошо работает на Android 2.xx, но на Android 4+ он все еще включается и выключается и делает его непригодным для использования.

Способ CSS действительно работаетдолжным образом.

0 голосов
/ 15 марта 2012

В итоге я исправил свои заголовки в CSS, используя position: fixed;

Я знаю, что iPhone с iOS <5 не может справиться с этим, но я в порядке с этим. </p>

...