आईओएस डिवाइस में कीबोर्ड उपस्थिति के बाद फोनगैप पेज स्क्रॉल करें जो फोनगैप पेज दूषित करता है

Question

मैं आईओएस उपकरणों के लिए फोनगैप का उपयोग कर चैटिंग एप्लिकेशन विकसित करने की कोशिश कर रहा हूं। एप्लिकेशन में एक शीर्षलेख है जो लॉग उपयोगकर्ता को दिखाता है, एक पाद लेख जहां उपयोगकर्ता अपना टेक्स्ट संदेश लिख सकता है, और शरीर में रखी गई एक सूची दृश्य जो संदेश प्रदर्शित करेगा।

मैंने JQueryMobile (1.3.0) के नवीनतम संस्करण में अपडेट किया लेकिन यह समस्या अभी भी एप्लिकेशन के अंदर दिखाई दे रही है। मैंने एक स्नैपशॉट संलग्न किया है दिखाता है कि लेआउट कैसे दूषित हो जाता है। (http://i.stack.imgur.com/RsLfT.png)

मैंने पेज को स्क्रॉल करने योग्य नहीं बनाने के लिए कई समाधानों की कोशिश की है (UIWebViewBounce को गलत पर सेट करें) और स्केलेबल (उपयोगकर्ता-स्केलेबल = नहीं) और अन्य उपयोगकर्ता इंटरफ़ेस में परिवर्तन नहीं है, लेकिन समस्या हल नहीं होती है।

क्या किसी को यह पता है कि इसे कैसे ठीक किया जाए? मैं PhoneGap समर्थन से संपर्क किया है और वे सूचित किया कि एक उचित ठीक इस मुद्दे

Answer 1

अस्थायी रूप से इस समस्या को हल करने के लिए (जबकि कुंजीपटल दिखाया जा रहा है, क्योंकि यह टूट जाता है पता चलता) आदेश, आप सेट कर सकते हैं "KeyboardShrinksView" को "सच" अपने विन्यास में में फ़ाइल (config.xml) या ऐड यह:

<widget> 
    ... 
    <preference name="KeyboardShrinksView" value="true" /> 

    <plugins>... 

Answer 2

:

document.body.scrollTop = 0; 

जब भी इनपुट फ़ील्ड धुंधला घटना प्राप्त करता है।

Answer 3

के विषय में PhoneGap 2.6 रिलीज में किया जाना अभी के लिए आप एक जोड़ सकते हैं उम्मीद है (नरम कुंजीपटल उपस्थिति के बाद एक ताज़ा की तरह)

---

Answer 4

मैं सीएसएस और एक आवरण का उपयोग कर इसे तय

/*Phone < 5:*/ 
@media screen and (device-aspect-ratio: 2/3) { 
    .content { 
    height: 416px !important; 
} 
} 

/*iPhone 5:*/ 
@media screen and (device-aspect-ratio: 40/71) { 
    .content { 
    height: 504px !important; 
    } 
} 

Answer 5

मैं एक ही मुद्दे का उपयोग कर चहचहाना बूटस्ट्रैप 3.

जोड़ना हो रही थी:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

मेरे लिए समस्या हल हो गई।

Answer 6

स्क्रीन ऊंचाई बदल जाता है जब कुंजीपटल

कॉर्डोबा/phonegap आवेदन स्क्रीन ऊंचाई पॉप अप होता है या जब कीबोर्ड पॉप अप window.innerHeight मूल्य कम हो रही है, इस फिर से आकार & अंदर सामग्री बनाता है अपनी स्क्रीन भ्रष्ट देखो।

जावास्क्रिप्ट का उपयोग करते हुए, deviceready पर या initialize डिवाइस स्क्रीन की ऊंचाई को अपने रैपर/कंटेनर तत्व पर सेट करें।

$('#container').height(window.innerHeight); // jQuery