Исправленный заголовок iOS-приложения Cordova исчезает при прокрутке, но не в мобильном Safari

Question

Я создал приложение для iOS, Android и Интернета, используя Vuetify Cordova.Приложение прекрасно работает, я могу отлично просматривать его в Интернете в любом браузере и на Android.Но на iOS-устройстве в качестве приложения возникает сбой, когда заголовок навигации с фиксированной позицией исчезает при быстрой прокрутке, а затем снова появляется, когда прокрутка прекращается.Если я использую Safari на iPhone для просмотра веб-версии, он прекрасно работает без этой проблемы, поэтому просто задаюсь вопросом, сталкивался ли кто-либо еще (или сумел исправить) эту проблему.

Я видел другой вопрос, где воспроизводилось сафари, но это не моя проблема.

Это структура моего основного App.vue, который затем загружает последующие страницы через vue-router

<v-app light>
    <v-content>
        <top-navigation :is-authenticated="isAuthenticated">
            <span slot="title"
                  class="heading heading-lg text-secondary"><strong>{{$route.meta.title}}</strong></span>
        </top-navigation>
        <div class="main-content">
            <router-view :key="$route.fullPath">
            </router-view>
        </div>
        <bottom-navigation :is-authenticated="isAuthenticated"></bottom-navigation>
    </v-content>
</v-app>

Это мой top-navigation компонент

<div>
    <v-toolbar v-if="isAuthenticated"
        app
        dark
        flat
        :clipped-right="true"
        class="primary top-nav">
        <!-- Toolbar Navigation Content Here -->
    </v-toolbar>
</div>

Изначально на нем также был атрибут fixed, но с тех пор я его убрал, но он все еще исправлен.наверх (это функциональность, которую я хочу).

На странице есть и другие вещи, такие как навигационный ящик, некоторые кнопки на панели инструментов и т. д., но я считаю, что ошибка заключается в том, что панель инструментов исправлена,из того, что я прочитал в Интернете.

Я не вижу / не могу найти лучший способ устранить этот глюк.

ОБНОВЛЕНИЕ

Я обнаружил, что это не position:fixed проблема, поскольку я изменил ее на position:absolute для тестирования, и хотя навигационная панель прокручивается вверх и вниз по странице, она все еще исчезает при быстрой прокрутке.

ОБНОВЛЕНИЕ 14/05/2018 Уверен, это не проблема position, а проблема -webkit-overflow-scrolling: touch;.Я использую это правило css в нескольких местах моего приложения для горизонтальной прокрутки карусели (немного похоже на видео по netflix / amazon и т. Д.), Которая вызывает ошибку.Пока не совсем уверен в исправлении.