Как «исправить» положение нижнего колонтитула с помощью jquery mobile с data-position = "fixed"

Question

я использую jquery mobile, а для верхнего / нижнего колонтитула я использую data-position = "fixed".

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

Я могу только придумать, как применить фиксированное положение и не использовать jquerymobile для этих элементов.

Answer 1

Я старался изо всех сил, чтобы заставить это работать. Если вы хотите, вы можете удалить функцию, которая изменяет класс заголовка и нижнего колонтитула с .ui-fixed-overlay на .ui-fixed-inline и удалить анимацию webkit из .fade.in и .fade.out, но у меня было нет блокировки, предотвращающей исчезновение окон. Тем не менее, я считаю, что JQM только пересчитывает положение элементов верхнего и нижнего колонтитула после прокрутки.

Я добавил следующую CSS в страницу div, чтобы удалить анимацию webkit.

.ui-fixed-inline { непрозрачность: 1! важно; ! Дисплей: блок важно; -webkit-анимация имя: нет важно;! } .fade.in, .fade.out { непрозрачность: 1! важно; -webkit-анимация имя: нет важно;! ! Дисплей: блок важно; }

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

Answer 2

Более простая версия кода Чейза прекрасно работает для меня:

/* sass - remove toolbar fade */
.nofade{
 &.in, &.out {
    -webkit-animation-name:none;
 }
}

Обратите внимание, что для скрываемых панелей инструментов используется то же свойство fade, поэтому необходимо следующее:

$.mobile.fixedToolbars.setTouchToggleEnabled false  # coffeescript