आईओएस 5 में टचमोव इवेंट के डिफ़ॉल्ट व्यवहार को कैसे रोकूं?

Question

मेरे पास एक वेब-आधारित एप्लिकेशन है जिसमें एक घटक शामिल है जो उपयोगकर्ता अपनी उंगली से ऊपर और नीचे स्क्रॉल कर सकता है। मैं डिफ़ॉल्ट व्यवहार को रोकने के लिए ईवेंट की रोकथाम डीफॉल्ट विधि का उपयोग करता हूं जहां स्पर्श चाल आईओएस उपकरणों पर पूरी स्क्रीन को बदल देती है।

दुर्भाग्यवश यह आईओएस 5 में अब और काम नहीं कर रहा है जिसे मैंने अभी तक आज तक अपग्रेड किया है। मुझे यह मानना ​​है कि यह आईओएस 5 में अलग-अलग किया गया है, लेकिन मुझे अभी तक एक संसाधन खोजने में सक्षम होना है जो निर्देश प्रदान करता है।

धन्यवाद!

अद्यतन # 1: मुझे अपने विशिष्ट प्रश्न का उत्तर नहीं मिला है, लेकिन मैं -webkit-overflow-scrolling शैली का उपयोग करने के लिए थोड़ा सा कोड समायोजित करने में सक्षम था (स्पर्श के मूल्य पर सेट ") और स्नैज़ी इनर्टियल स्क्रॉलिंग क्षमता को लागू करें (जहां सामग्री आपके स्वाइप की गति के आधार पर तेज़ी से स्क्रॉल करती है और यदि सीमाएं हिट करती हैं तो" रबर बैंड बाउंस "वापस आ जाएगी। बहुत अच्छी लग रही है ...

अपडेट # 2: मेरे पास अब एक और अजीब समस्या है। कुछ अजीब कारणों से ओवरफ्लो स्क्रॉलिंग व्यवहार कभी-कभी मिश्रित हो जाता है जिससे आपको अपनी सामग्री को ऊपर और नीचे ले जाने के लिए अपनी अंगुली को बाएं और दाएं खींचने के लिए होता है। मैं अभी तक सक्षम नहीं हूं यह पता लगाने के लिए कि ऐसा क्यों होता है - क्या किसी के पास कोई विचार है ???

Answer 1

पहले, मैं पुष्टि कर सकते हैं कि e.preventDefault() को निष्क्रिय iOS 5 में सभी स्क्रॉल निम्नलिखित कोड का उपयोग कर:

document.ontouchmove = function(e){ e.preventDefault(); } 

दुर्भाग्य से, हालांकि, इस स्क्रॉल अतिप्रवाह पर अक्षम कर देता है: स्क्रॉल divs। (अगर किसी के पास कोई समाधान है जो आंतरिक तत्व स्क्रॉलिंग सक्षम करता है, तो कृपया साझा करें।)

अद्यतन # 2 के संबंध में, मैंने एक और स्क्रोल करने योग्य तत्व (पृष्ठ स्वयं सहित) में स्क्रॉल करने योग्य स्क्रॉल करने योग्य तत्व होने पर अजीब व्यवहार देखा है। कभी-कभी डिवाइस उस तत्व पर हिचकिचाता है जिस पर उपयोगकर्ता स्क्रॉल करना चाहता है। विशेष रूप से मैंने स्थिति का उपयोग करके इस समस्या को देखा है: निश्चित। मेरा समाधान यह सुनिश्चित करना था कि शरीर में 100% ऊंचाई हो और स्क्रोल करने योग्य तत्व स्थिति का उपयोग करें: पूर्ण जहां संभव हो।

Answer 2

मुझे एक बहुत ही सरल समाधान मिला। जब ईवेंट स्क्रॉल करने की अनुमति देने वाले आपके तत्व को हिट करता है, तो ईवेंट पर केवल ध्वज जोड़ें। यदि ध्वज सेट है दस्तावेज़ पर घटना श्रोता पर बस की जाँच करें और केवल घटना को रोकने यदि ध्वज सेट नहीं है:

this.$scrollableEl.on('touchmove', function(event){ 
    event.comesFromScrollable = true; 
    //when you have containers that are srollable but 
    //doesn't have enough content to scroll sometimes: 
    //event.comesFromScrollable = el.offsetHeight < el.scrollHeight; 
}) 

$document.on('touchmove', function(event){ 
    if(!event.comesFromScrollable){ 
     event.preventDefault() 
    } 
    }) 

तुम भी बजाय event.stopImmediatePropagation इस्तेमाल कर सकते हैं, तो आप न दस्तावेज़ पर eventListener की जरूरत तत्व है, लेकिन इस zepto.js tap टूट जाता है मेरे मामले में:

this.$scrollableEl.on('touchmove', function(event){ 
    event.stopImmediatePropagation() 
})