Кордова – прокрутка с фиксированным верхним и нижним колонтитулом (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; } 

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