2015-10-02 8 views
12

मुझे यह समझने में कठिनाई हो रही है कि यह कैसे करें।खोज बॉक्स के ऊपर स्वत: पूर्ण बल पीएसी-कंटेनर

मैं google.map.places.Autocomplete और उपयोग कर रहा हूँ अपने सभी ठीक काम कर रहा है, लेकिन एप्लिकेशन के कारण/स्क्रीन आकार लौटे खोज लिस्टिंग के साथ पैक-कंटेनर वर्चुअल कीबोर्ड उपकरणों के पीछे है - के बारे में आधे पर है और इस तरह जिन डिवाइसों का मैंने परीक्षण किया है, वे लौटाई गई पता सूची नहीं देख सकते हैं। जाहिर है आप कीबोर्ड के सामने पीएसी-कंटेनर नहीं चाहते हैं क्योंकि तब विभिन्न कीबोर्ड कुंजी छुपाए जाएंगे।

मैं पीएसी-कंटेनर को ऊपर/(ऊपर स्क्रॉल) खोज/इनपुट बॉक्स को कैसे लागू कर सकता हूं?

+0

शायद आप कुछ कोड, टेस्ट केस प्रदान करने में मदद कर सकते हैं, क्योंकि हर कोई कल्पना कर सकता है और वह परिदृश्य बना सकता है! – Anonymous0day

+0

आप यह जानने का प्रयास कर सकते हैं कि कुंजीपटल कब सक्रिय है, और पीएसी-कंटेनर की ऊंचाई को नई 'window.innerHeight' तक सीमित करें, जबकि इसे स्क्रॉल करने योग्य बनाते हैं ताकि ओवरफ्लोइंग परिणाम मिल सकें। यह http://stackoverflow.com/questions/11600040/jquery-js-html5-change-page-content-when-keyboard-is-visible-on- मोबाइल-devices देखें – hampusohlsson

उत्तर

1

कुंजीपटल खुलने के बाद सबसे आसान तरीका यह है कि पृष्ठ को थोड़ा सा मार्जिन करें।

body.keyboardopen { 
    margin-top: [email protected]; 
} 
संबंधित मुद्दे