आईफोन सफारी वर्चुअल कीबोर्ड पर टाइप करते समय चयनित तत्व पर स्क्रॉलिंग

Question

मैं एक आईफोन वेबपैप बना रहा हूं और एक इनपुट फ़ील्ड वाला एक पेज है। मैं फ़ील्ड को वर्चुअल कीबोर्ड के ऊपर स्क्रॉल करने के लिए स्क्रॉल करना चाहता हूं। मैंने इनपुट फ़ोकस ईवेंट (यानी कुंजीपटल दिखाए जाने से ठीक पहले) पर स्क्रॉल करने के लिए (x, y) डालने का प्रयास किया है, लेकिन जब मैं पृष्ठ को फिर से स्क्रॉल करना शुरू करता हूं (संभवतः डिफ़ॉल्ट मोबाइल सफारी व्यवहार के आधार पर)। मैंने कीप्रेस इवेंट हैंडलर सेट करने का भी प्रयास किया, लेकिन उन घटनाओं के प्रचार को रोकने से कीबोर्ड को अक्षम कर दिया गया, हालांकि यह स्क्रॉलिंग को रोकता था।

क्या वर्चुअल कीबोर्ड दिखाता है, और जब मैं टाइपिंग फिर से शुरू करता हूं, तो यह पृष्ठ को किसी विशेष स्थिति (इनपुट क्षेत्र के साथ केवल कीबोर्ड के ऊपर) को मजबूर करने का कोई तरीका है)।

Answer 1

ठीक है, तो शायद यह सबसे खराब हैक जिसे आप कभी भी देखेंगे, लेकिन यह कुछ भी नहीं धड़कता है।

आप क्या कर सकते हैं, टेक्स्ट बॉक्स की स्थिति को गतिशील रूप से (जावास्क्रिप्ट का उपयोग करके) को position:fixed पर बदलना है, यह पृष्ठ के बजाए ब्राउज़र विंडो के सापेक्ष होने के लिए टेक्स्टबॉक्स की स्थिति बदल देगा। इसे आईफोन की स्क्रॉलिंग को अप्रासंगिक प्रस्तुत करना चाहिए और आपका टेक्स्ट बॉक्स पेज के शीर्ष पर होना चाहिए चाहे कोई फर्क नहीं पड़ता। फिर बर्लर पर, सीएसएस स्थिति फिर से सापेक्ष पर सेट की जाती है (जिसे इसे वापस अपने स्थान पर रखना चाहिए)।

इस सुंदर बनाने के लिए आप टेक्स्टबॉक्स के पीछे एक div डाल सकते हैं ताकि यह वास्तविक साइट सामग्री को छुपा सके, और आप ऊपर और बाएं सीएसएस गुणों का उपयोग करके टेक्स्टबॉक्स को केंद्रित कर सकते हैं (बस उन पर भी साफ़ करें सुनिश्चित करें)।

Answer 2

यह पराक्रम काम,

http://www.webkit.org/blog/386/3d-transforms/

Answer 3

देखें जहाँ तक मेरा समस्या आपके हो रही पता scrollTo (एक्स, वाई) के बजाय सीएसएस translate3d इस्तेमाल करने की कोशिश है कि जब कीबोर्ड की शुरूआत है , ब्राउज़र विंडो को तत्व के रूप में देखने की कोशिश कर रहा है।

क्या हो रहा है यह है कि कुंजीपटल पॉप अप होने से पहले स्क्रॉल बार स्थिति दर्ज की जा रही है। ब्राउज़र रिकॉर्ड किए गए मान के आधार पर कीबोर्ड को पॉप अप करने के बाद तत्व को देखने के लिए स्थानांतरित करने की आवश्यकता की दूरी की गणना कर रहा है। किस समय तक आपने खिड़की की स्थिति बदल दी है। तो यह उस स्थिति के सापेक्ष खिड़की को स्थानांतरित कर रहा है, जिस स्थिति में आप सोचते हैं उस स्थिति के विपरीत।

यदि आप तत्व को मैन्युअल रूप से देखने के लिए मैन्युअल रूप से स्क्रॉल करने का प्रयास नहीं करते हैं तो आप क्या व्यवहार कर रहे हैं (कोई स्क्रिप्टिंग नहीं)?

मैं इंप्रेशन के तहत हूं कि आईफोन ब्राउज़र मूल रूप से वही करता है जो आप चाहते हैं। यदि नहीं, तो तत्व स्थिति के साथ ऐसा कुछ हो सकता है। अर्थात। ब्राउज़र तत्व की स्थिति की उचित गणना नहीं कर सकता है उदा। यदि यह एक निश्चित स्थिति कंटेनर में है (क्योंकि जैसे ही ब्राउज़र स्कॉल करने की कोशिश करता है, वैसे ही यह स्थान बढ़ने जा रहा है)।

यदि यह विफल हो जाता है तो स्क्रॉल डालने का प्रयास करें, समय-समय पर कार्य करने के लिए ताकि कुंजीपटल आने के बाद आग लग जाए।