Cordova iOS - przejście powoduje flashowanie strony

Question

Zajmuję się tworzeniem aplikacji w Cordova, gdzie użytkownik może przełączać się między kilkoma "ekranami", które są po prostu ukrytymi elementami div widocznymi po przejściu.

Przewijanie w systemie iOS było straszne, więc dodałem -webkit-overflow-scrolling: touch do elementu kontenera i posortowałem problem z przewijaniem, który miałem.

Jednak od tego czasu przejścia stron powodują miganie stron za każdym razem, gdy aplikacja przenosi się na nową stronę.

Oto mój CSS

.scrollable { 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch; 
} 

Po naciśnięciu przycisku, aby przejść do następnej strony używa tego kodu JavaScript do przejścia

this.lastScreen.getLayout().getElement().css({ 
    'left': -$(window).width(), 
    'transition': 'left 0.25s ease-out' 
}); 

this.currentScreen.getLayout().getElement().css({ 
    'left': 0, 
    'transition': 'left 0.25s ease-out' 
}); 

<div class="container scrollable"> 
    //screen content here 
</div> 

Jeśli usunąć -webkit-overflow-scrolling: touch; z funkcją przewijania klasie działa dobrze, nie ma błysku. Jednak przewijanie strony jest okropne.

Mam uruchomiony system iOS 9.3.1. Przeczytałem i okazało się, że to może być problem z iOS 8+, ale nie mogę znaleźć konkretnej odpowiedzi, która pomogłaby mi

Answer 1

Proponuję użyć natywnych przejść z aplikacją cordova.

http://plugins.telerik.com/cordova/plugin/native-page-transitions

Answer 2

Dodaj CSS do klas, które mają przejść:

-webkit-transform: translate3d(0px,0px,0px); 

To właśnie zmusza akceleracji sprzętowej, dzięki czemu stają się gładsze niż normalny, a prawdopodobnie rozwiązać swoje problemy