Кордова – прокрутка с фиксированным верхним и нижним колонтитулом (ios)

Использование Cordova (phonegap) и бутстрап для создания мобильного приложения, тестирование на IOS на данный момент.

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

-webkit-overflow-scrolling: touch;

он работает так, как ожидалось, но он действительно неудобно прокручивать содержимое, и если вы прокручиваете пройденный конец, он только прокручивает верхний или нижний колонтитул (с переполнением эластиком), пока вы не остановитесь на секунду.

вот мой html для заголовков / нижних колонтитулов:

<div id="headerBar"> <div class="container-fluid" style="background-color: #1569C7"> <div class="row"> <div class="col-xs-3 text-left"> <button id="logoutButton" type="button" class="btn btn-default"> Log Out </button> <button type="button" class="btn btn-default" id="restoreQuestionFeedButton"> <span class="glyphicon glyphicon-chevron-left"></span> </button> </div> <div class="col-xs-6 text-center" style="height: 55px"> <strong id="usernameText"></strong> </div> <div class="col-xs-3 text-right"> <button id="oldCreatQuestionButton" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-plus"></span> </button> </div> </div> </div> </div> <div id="footerBar"> <div class="container-fluid" style="padding: 0"> <div class="row text-center"> <button id="createQuestionButton" type="button" class="btn btn-default footerButton"> <span class="glyphicon glyphicon-plus"></span> <strong>Ask a new free question!</strong> </button> </div> </div> </div> 

И вот связанный CSS:

 #headerBar { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background-color: #1569C7; } #footerBar { position: fixed; z-index: 100; bottom: 0; left: 0; width: 100%; background-color: #1569C7 !important; } 

Interesting Posts

Устраните белый цвет между страницами, загружайте Phonegap iOS

Обнаруживать, когда нажата кнопка home iOS

Приобретите диалог «Приложение будет использовать ваше текущее местоположение» снова

Как установить язык, отличный от английского, как язык разработки и базовую локализацию?

YTPlayerView youtube-ios-player-helper pause не работает

Синхронизация EKRecurrenceRules с облачным сервисом RFC 2445 Спецификация iCalendar RRULE

BLE только для получения характеристики уровня заряда батареи Значение IOS

Q: PaintEvent пиксельная дуга IOS

Аутентификация ServiceStack и Facebook / Twitter из приложения iOS

Цифровая клавиатура с отсутствующими клавишами в ios9

строка состояния, скрытая в модальном представлении (над полноэкранным представлением)

Невозможно добавить новое приложение для iOS, создать пакет в iTunes connect

Как поместить консольные выходы в uitextview? Доступ к консольным журналам

Размер UITableViewWrapperView не изменяется в соответствии с содержанием, если высота строки UITableViewAutomaticDimension

Приложение разработчика Phonegap застряло в загрузке

PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.