इसलिए मैंने Keith Clark's pure CSS parallax विचार का उपयोग करके एक साइट बनाई है। और यह अच्छा लग रहा है, लेकिन अगर किसी ने को आईओएस पर जड़ें/गति स्क्रॉल करने की अनुमति दी है तो मुझे उत्सुकता है।कीथ क्लार्क का सीएसएस लंबन इनर्टियल/मोमेंटम मोबाइल पर स्क्रॉलिंग
मैं अब तक क्या जानते हैं:
वर्तमान में जड़त्वीय/गति स्क्रॉल क्योंकि अनिवार्य रूप से पूरे पृष्ठ overflow-y:auto
के साथ एक कंटेनर के अंदर आयोजित किया जाता है काम नहीं करता। तो जब आप पेज पर स्क्रॉल कर रहे हों तो आप एक कंटेनर के भीतर स्क्रॉल कर रहे हैं। आईओएस पर आपको -webkit-overflow-scrolling: touch
को स्क्रॉल करने की अनुमति देने के लिए आवेदन करना होगा जो व्यूपोर्ट को गतिशील/गति स्क्रॉल करने के लिए नहीं है।
यदि आप -webkit-overflow-scrolling: touch
.parallax
जोड़ते हैं तो संपूर्ण लंबन प्रभाव टूट जाता है। example of that here
मैं पृष्ठ पर iscroll.js जोड़ने की कोशिश की है लेकिन यह भी एक तरीका है कि उचित नहीं है में स्क्रॉल करने के लिए .parallax
कंटेनर के भीतर बच्चों बनाकर पेज टूट जाता है। यह लंबवत परतों को कंटेनर के बजाय व्यूपोर्ट के सापेक्ष ऊपर और नीचे ले जाता है।
एक और समस्या यह है कि यह एक बड़ा सौदा नहीं है, लेकिन इससे संबंधित होना अच्छा होगा क्योंकि यह संबंधित है क्योंकि आईओएस पर पृष्ठ कभी भी न्यूनतम-UI में नहीं जाएगा क्योंकि केवल तब होता है जब व्यूपोर्ट स्क्रॉल करता है।
मैंने देखा है लोगों को तो मैं मैं stackoverflow और देखें कि क्या किसी को भी किसी भी अच्छे विचार है करने के लिए एक ही समस्याओं से ला सकता है सोचा ब्लॉग पोस्ट पर इस बारे में पूछते हैं।
धन्यवाद!
होगा इस मदद - तारकीय उदाहरण के लिए ऐसा कर सकते हैं? यह http://stackoverflow.com/questions/26176288/webkit-overflow-scrolling-touch-breaks-in-apples-ios8 से संबंधित हो सकता है। वैसे, मुझे डिजाइन पसंद है। सामग्री और रंगों का महान उपयोग। साथ ही, मुझे पता है कि निश्चित स्क्रॉलिंग मोबाइल उपकरणों पर कर लग रही है, अगर यह काम करता है या इसके लिए कोई फिक्स है तो मैं उत्सुक हूं। – Knostradamus