2014-10-08 5 views
9

इसलिए मैंने Keith Clark's pure CSS parallax विचार का उपयोग करके एक साइट बनाई है। और यह अच्छा लग रहा है, लेकिन अगर किसी ने को आईओएस पर जड़ें/गति स्क्रॉल करने की अनुमति दी है तो मुझे उत्सुकता है।कीथ क्लार्क का सीएसएस लंबन इनर्टियल/मोमेंटम मोबाइल पर स्क्रॉलिंग

Here is my site so far.

मैं अब तक क्या जानते हैं:

वर्तमान में जड़त्वीय/गति स्क्रॉल क्योंकि अनिवार्य रूप से पूरे पृष्ठ overflow-y:auto के साथ एक कंटेनर के अंदर आयोजित किया जाता है काम नहीं करता। तो जब आप पेज पर स्क्रॉल कर रहे हों तो आप एक कंटेनर के भीतर स्क्रॉल कर रहे हैं। आईओएस पर आपको -webkit-overflow-scrolling: touch को स्क्रॉल करने की अनुमति देने के लिए आवेदन करना होगा जो व्यूपोर्ट को गतिशील/गति स्क्रॉल करने के लिए नहीं है।

यदि आप -webkit-overflow-scrolling: touch.parallax जोड़ते हैं तो संपूर्ण लंबन प्रभाव टूट जाता है। example of that here

मैं पृष्ठ पर iscroll.js जोड़ने की कोशिश की है लेकिन यह भी एक तरीका है कि उचित नहीं है में स्क्रॉल करने के लिए .parallax कंटेनर के भीतर बच्चों बनाकर पेज टूट जाता है। यह लंबवत परतों को कंटेनर के बजाय व्यूपोर्ट के सापेक्ष ऊपर और नीचे ले जाता है।

एक और समस्या यह है कि यह एक बड़ा सौदा नहीं है, लेकिन इससे संबंधित होना अच्छा होगा क्योंकि यह संबंधित है क्योंकि आईओएस पर पृष्ठ कभी भी न्यूनतम-UI में नहीं जाएगा क्योंकि केवल तब होता है जब व्यूपोर्ट स्क्रॉल करता है।

मैंने देखा है लोगों को तो मैं मैं stackoverflow और देखें कि क्या किसी को भी किसी भी अच्छे विचार है करने के लिए एक ही समस्याओं से ला सकता है सोचा ब्लॉग पोस्ट पर इस बारे में पूछते हैं।

धन्यवाद!

+0

होगा इस मदद - तारकीय उदाहरण के लिए ऐसा कर सकते हैं? यह http://stackoverflow.com/questions/26176288/webkit-overflow-scrolling-touch-breaks-in-apples-ios8 से संबंधित हो सकता है। वैसे, मुझे डिजाइन पसंद है। सामग्री और रंगों का महान उपयोग। साथ ही, मुझे पता है कि निश्चित स्क्रॉलिंग मोबाइल उपकरणों पर कर लग रही है, अगर यह काम करता है या इसके लिए कोई फिक्स है तो मैं उत्सुक हूं। – Knostradamus

उत्तर

0

नहीं है जो आप (यह मानते हुए आप कुछ अच्छी घंटे कीथ क्लार्क गाइड के माध्यम से पढ़ने में डाल), लेकिन आईओएस स्क्रॉल हैंडल घटनाओं अलग ढंग से डेस्कटॉप से ​​सुनना चाहते हैं। यह संभव है कि आप जो भी पहले से ही समायोजित कर सकें, लेकिन यदि आप वास्तव में यह चाहते हैं तो आप आईओएस लंबन + गति के लिए दस्तावेज समर्थन के साथ एक जेएस टूल पर स्विचिंग से बेहतर हो सकते हैं। http://markdalgleish.com/projects/stellar.js/docs/

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