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

  • -webkit-animation-play-state не работает на iOS 8.1 (возможно, тоже ниже)
  • Ошибка обновления Safari для мобильных устройств при использовании медиа-запросов CSS3
  • Как импортировать файл css в UIWebView, когда я использую метод loadHTMLString () в swift (iOS)
  • Курсор ввода текста Safari iOS отображается вне поля ввода
  • Поддержка стилей прокрутки CSS для сафари на мобильных устройствах iOS 6 исчезла?
  • IOS не может нажимать ссылки в фиксированном нижнем колонтитуле до тех пор, пока не прокрутится?
  • Удалите пробел 20px с правой стороны HTML-почты на iOS
  • Android checkbox hack вызывает перемещение сайта на iPhone
  • <input type = "search"> больше не показывает кнопку отмены (x) под iOS
  • Исправленные позиционированные элементы исчезают при разгрузке страницы
  • Как переключить состояние элементов в веб-инспекторе Safari?
  • Как отладить его в мобильном сафари и симуляторе ios?
  • Interesting Posts

    CLLocationManager не работает все время (iOS 8, Xcode 6)

    Отключение одноранговой сети GKSession приводит к тому, что другие сверстники отображаются отключенными

    Обрезка белых границ UIImage

    Права / возможности на схему XCode

    iPhone: ошибка Fontconfig: невозможно загрузить файл конфигурации по умолчанию

    Программно перемещать / оживлять строку UITableView из одной позиции в другую

    Как заставить Flexslider отображать разные изображения в формате iOS?

    Рамка Alamofire не найдена (Xcode-8.2.1 и iOS 10.2)

    Файл `React / RCTBridgeModule.h` не найден

    Выполнение вибрации в приложении для записи

    Измените размер представленного контроллера из-за изменений содержимого при представлении UIModalPresentationFormSheet в iOS8

    Повторное использование GCD и ячеек в UICollectionView

    Core Image – рендеринг прозрачного изображения на CMSampleBufferRef приводит к черному ящику вокруг него

    Загрузите и установите Xcode 9.1 (Beta) или версию Xcode 9 без учетной записи разработчика Premium

    iphone отложен ответ от сервера

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