जंगली स्क्रॉल इनपुट एंड्रॉइड

Question

मैं एक उत्तरदायी वेबसाइट पर काम कर रहा हूं, जिसमें मोबाइल या डेस्कटॉप के लिए एक अलग स्टाइलशीट है। सब कुछ अच्छा लग रहा है और महान काम करता है, जब तक कि टेक्स्ट इनपुट को मोबाइल पर इंटरैक्ट नहीं किया जाता है। वे दिखाना चाहिए जैसा कि उन्हें करना चाहिए। लेकिन एक बार क्लिक किया (ehrm .. छुआ), मैंने पाया कि एंड्रॉइड में ब्राउज़र पागल की तरह स्क्रॉलिंग शुरू होता है, और टाइपिंग करते समय भी ऐसा ही होता है। पाठ इनपुट में दर्ज किया गया है, हालांकि, इनपुट पर सॉफ्ट कीबोर्ड/फोकस खो नहीं जाता है।

मेरे परियोजना यहाँ पर पाया जा सकता है: http://www.gortzfruit.nl/new/

समस्या यह है कि मैं थोड़ी देर के लिए एक समाधान अभी खोज कर दिया गया है, और इसी तरह के मुद्दों, जिनमें से समाधान मेरे लिए काम नहीं कर रहे थे पाया जाता है। कुछ विषय -और समाधान- मैं देख रहा हूं:

https://github.com/scottjehl/Device-Bugs/issues/3 - यहां यह सुझाव दिया गया है कि समस्या स्थित तत्वों के भीतर स्थित है। निश्चित रूप से निर्धारित तत्वों के भीतर पूर्ण रूप से पूर्ण। यह मेरे डिजाइन में आवर्ती है, लेकिन एक बार हटा दिया गया यह समस्या हल नहीं किया।

Android Browser textarea scrolls all over the place, is unusable - यह एक सुझाव देता है कि समस्या सीएसएस-गुणों के साथ है -वेबिट-ट्रांसफॉर्म: translate3d (0, 0, 0); और -webkit-backface-दृश्यता: छुपा; मैंने इन्हें स्वयं शामिल नहीं किया, लेकिन मैंने सोचा कि Google मानचित्र एपीआई जो मैंने शामिल किया है, इनका उपयोग कर सकते हैं। मैंने पाया कि मार्कअप Google मानचित्र API का विश्लेषण करने के बाद, वे इसका उपयोग नहीं करते हैं।

How can I prevent wild scrolling when a fixed position text input form field gains focus?- यह समस्या से निपटने का प्रयास करने पर केंद्रित है। शरीर को अतिप्रवाह में सेट करना: छुपा; ध्यान केंद्रित करते समय स्क्रॉलिंग को अवरुद्ध करने का सुझाव दिया गया था, लेकिन यह मेरे लिए काम नहीं करता था।

disable scrolling on input focus in javascript - यहां यह सुझाव दिया जाता है कि कीडाउन पर झूठी वापसी समस्या को हल कर सकती है, जिसे मैंने सफलता के साथ नहीं किया। यह वास्तव में इनपुट में दर्ज होने से मेरे पाठ को अवरुद्ध करता है।

मुझे पता है कि यह एंड्रॉइड में बग से संबंधित है जो इस अजीब स्क्रॉलिंग का कारण बनता है। लेकिन अब मैं नहीं जानता कि इसका सामना कैसे किया जाए। मेरे लिए इससे कोई फर्क नहीं पड़ता कि मुझे पता है कि बग से कैसे बचें या क्या मुझे बग को अनजान बनाने के लिए हैक मिल जाए। टेक्स्टबॉक्स पर टाइपिंग और फोकस/ब्लरिंग करते समय मैं अजीब स्क्रॉलिंग व्यवहार से छुटकारा पाना चाहता हूं।

अग्रिम धन्यवाद,

जेरोन

Answer 1

अपने मार्कअप से मेटा व्यूपोर्ट टैग निकालें और तुरंत उद्घाटन बॉडी टैग के बाद इस जोड़ें:

<script type="text/javascript"> 
<!-- 
    (function() { 
     var meta = document.createElement("meta"); 
     meta.setAttribute('name','viewport'); 
     var content = 'initial-scale='; 
     content += 1/window.devicePixelRatio; 
     content += ',user-scalable=no'; 
     meta.setAttribute('content', content); 
     document.getElementsByTagName('head')[0].appendChild(meta); 
    })(); 
//--> 
</script> 

यह आपको सबसे अच्छा दे देंगे मोबाइल पर अनुभव (अद्भुत छवि प्रतिपादन भी!)। मैंने अपने डिवाइस पर देखा (जो एंड्रॉइड नहीं है) मेरे पास कुछ अजीब स्क्रॉलिंग/ज़ूमिंग समस्याएं थीं और इससे इसे समाप्त हो गया। अगर यह काम करता है तो मुझे बताएं :)