2015-06-24 753 views
5

मैं वेबपैप के लिए एक जटिल प्रोटोटाइप बना रहा हूं (मैं इसे अपने आईफोन पर तैनात करने के लिए कॉर्डोवा का उपयोग कर रहा हूं), और मुझे निम्न समस्या है:डोम-एलिमेंट्स वहां दिखाई नहीं दे रहे हैं, जब तक कि कुछ सीएसएस संपत्ति बदल नहीं जाती है,

डोम-एलिमेंट्स (जो जावास्क्रिप्ट का उपयोग नहीं किए जाते हैं लेकिन स्थिर एचटीएमएल-फाइल में ठीक हैं) वहां हैं (वे इंस्पेक्टर में सही आकार में दिखाई देते हैं) लेकिन दिखाई नहीं दे रहे हैं। कभी-कभी वे आसानी से प्रदर्शित नहीं होते हैं, कभी-कभी वे आंशिक रूप से प्रदर्शित होते हैं, कभी-कभी उनमें से कुछ हिस्सों को एक अलग स्थान पर दिखाया जाता है। इंस्पेक्टर हमेशा अपने "शरीर" को सही स्थिति पर दिखाता है।

एक अजीब समाधान है: जैसे ही एक सीएसएस संपत्ति को पक्ष लोड करने के बाद बदल दिया जाता है (उदाहरण के लिए इंस्पेक्टर में किसी तत्व की अनचेकिंग और जांच करना - कभी-कभी एक प्रोग्राम को प्रोग्रामेटिक रूप से बदलना भी काम करता है) वे सही तरीके से दिखाए जाते हैं। समस्या सफारी और क्रोम दोनों में हो रही है लेकिन फ़ायरफ़ॉक्स में नहीं (शायद एक वेबकिट समस्या?)। सफारी मोबाइल में यह सबसे खराब है (जिसे मुझे सबसे ज्यादा काम करने की आवश्यकता है)।

transform: translate3d(0); हैक का उपयोग करने से पहले मदद मिली, लेकिन अब और नहीं - मैं फ्लेक्सबॉक्स-तत्वों का बहुत उपयोग और एनिमेट कर रहा हूं। मैं बस ब्राउजर से ज्यादा पूछ रहा हूं?

संपादित करें: समस्या एक कंटेनर में स्क्रॉल करने के बाद ही होती है। कुछ स्क्रॉल करने के बाद (पूरी तरह से असंबंधित) तत्व गायब हो जाते हैं।

+0

देखें: [एक, मिनिमल पूर्ण, और सत्यापन योग्य उदाहरण बनाने के लिए कैसे] (http://stackoverflow.com/help/mcve) । – Oriol

+0

मैंने एक उदाहरण बनाने की कोशिश की है, लेकिन इसे फिर से बनाना मुश्किल है। विशेष रूप से यह तब होता है जब जटिलता की एक डिग्री तक पहुंच जाती है। मुझे यकीन नहीं है कि मेरे कोड का कौन सा हिस्सा समस्या के लिए ज़िम्मेदार है और मुझे नहीं लगता कि इसे यहां पोस्ट करना पूरी तरह से कुछ भी मदद करेगा। मैं बाद में एक उदाहरण बनाने की कोशिश करूंगा, लेकिन मुझे यकीन नहीं है कि मैं ऐसा करने में सक्षम हूं। – chl

+0

मैं बस पिन नहीं कर सकता क्यों यह हो रहा है। मैंने सभी फ्लेक्सबॉक्स कोड हटा दिए हैं, काम नहीं किया है। मैंने '-webkit-overflow-scrolling को बदल दिया है: स्पर्श करें; 'iScroll-Library के साथ, क्योंकि जब भी मैंने स्क्रॉल किया तो यह टूट गया, यह थोड़ी देर के लिए काम करता था लेकिन अब यह फिर से हो रहा है। मुझे लगता है कि ऐसा इसलिए है क्योंकि बहुत सारे तत्व हैं (वहां बहुत से लोग नहीं हैं ...) लेकिन जब भी मैं jQuery को केवल लोड करने के लिए उपयोग करता हूं, तब वे लोड होते हैं और divs को खाली करते हैं, जब भी वे नहीं होते हैं। – chl

उत्तर

0

अपने एनिमेटेड तत्व में से किसी एक को आज़माएं।

transform: translatez(0) 

या

backface-visibility: hidden; 

या

will-change: transform; 
संबंधित मुद्दे

 संबंधित मुद्दे