कॉर्डोवा आईओएस - संक्रमण पृष्ठ फ्लैश का कारण बनता है

Question

मैं कॉर्डोवा में एक एप्लीकेशन विकसित कर रहा हूं, जहां उपयोगकर्ता कुछ 'स्क्रीन' के बीच स्विच कर सकता है, जो सिर्फ एक छिपे हुए divs को एक संक्रमण द्वारा देखा जाता है।

आईओएस पर स्क्रॉलिंग भयानक है, इसलिए मैंने -webkit-overflow-scrolling: touch कंटेनर तत्व में जोड़ा और यह मेरे पास स्क्रॉलिंग समस्या को हल किया गया।

हालांकि, तब से पृष्ठ संक्रमण प्रत्येक पृष्ठ को नए पृष्ठ पर ले जाने पर पृष्ठों को फ्लैश करने का कारण बनता है।

यहाँ मेरी सीएसएस

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

एक बार एक बटन अगले पृष्ठ पर जाएँ करने के लिए दबाया जाता है यह संक्रमण

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> 

के लिए इस जावास्क्रिप्ट कोड का उपयोग करता है, तो मैं स्क्रॉल वर्ग से -webkit-overflow-scrolling: touch; को दूर यह ठीक काम करता है, कोई फ्लैश नहीं होता है। हालांकि, पृष्ठ की स्क्रॉलिंग भयानक है।

मैं आईओएस 9.3.1 चला रहा हूं। मैंने चारों ओर पढ़ा और पाया कि यह आईओएस 8+ से कोई मुद्दा हो सकता है लेकिन मुझे वास्तव में

Answer 1

मदद करने के लिए एक अलग जवाब नहीं मिल सकता है, मैं आपको कॉर्डोवा ऐप के साथ देशी संक्रमण का उपयोग करने का सुझाव देता हूं।

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

Answer 2

वर्गों है कि संक्रमण को यह सीएसएस जोड़ें:

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

यह सिर्फ हार्डवेयर त्वरण के लिए मजबूर है, तो यह सामान्य से एक से चिकनी हो जाते हैं, और शायद अपने मुद्दों को ठीक