एंड्रॉइड वेब ऐप: स्थिति: निश्चित टूटा हुआ?

Question

मैं मोबाइल के लिए एक वेब अनुप्रयोग विकसित करने की प्रक्रिया में हूं। मैं मेरे लिए क्योंकि वेब अनुप्रयोगों के साथ यह एक जीत की स्थिति कि iPhone/ पर भी चला सकते हैं एक आवेदन को विकसित करने के लिए होने लगता चला गया विंडोज मोबाइल/पाम आदि

मैं अवधारणाओं कर के कुछ ही दिनों के बाद परीक्षण आज शुरू कर दिया, विचार और डिज़ाइन और मैं जो करना चाहता था वह एक मेनू था जो पृष्ठ के नीचे पर चिपक जाता है।

सीएसएस का उपयोग करना, मैं हालांकि यह वास्तव में यह करने के लिए आसान होगा: वास्तव में यह iPhone आवेदन स्क्रीनशॉट में तल पर मेनू की तरह। केवल स्थिति का उपयोग कर: निश्चित; नीचे: 0; चाल किया होता, लेकिन मैं पाया है यह मोबाइल ब्राउज़र

2 वर्गों में मेरा पेज को विभाजित करने की कोशिश की पर एक ही व्यवहार न करे: 1 एक स्क्रॉल div (सामग्री के लिए) और अन्य एक होगा नीचे मेनू होगा। स्क्रॉल करने योग्य divs एंड्रॉइड पर भी काम नहीं करते हैं। मैंने फ्रेम्स का उपयोग करके किसी भाग्य के साथ भी कोशिश की। क्या किसी को मेनू फिर से बनाने के किसी भी तरीके से पता है जो मोबाइल फोन के लिए किसी पृष्ठ के निचले भाग तक टिकेगा?

Answer 1

CyanogenMod के साथ मेरे Android एन 1 पर मैं इस मुसीबत भी और ठीक था:

<meta 
    name="viewport" 
    content="width=100%; 
      initial-scale=1; 
      maximum-scale=1; 
      minimum-scale=1; 
      user-scalable=no;" 
    /> 

विशेष रूप user-scalable=no; हिस्सा है, आप भी 0 बजाय डाल सकते हैं no की।

दिलचस्प बात यह है कि बटनों को प्रतिपादित करने वाले एंड्रॉइड टूटते हैं, लेकिन आपको बस बटन पर पृष्ठभूमि रंग सेट करना है।

Answer 2

यह काम करने के लिए :) http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

Answer 3

बस मेरे एचटीसी डिजायर पर एंड्रॉयड 2.2 (Froyo) में अपग्रेड करने का मिला माना जाता है, और मैं कहना है कि स्थिति तय अब काम करता है, कम से कम जब आप का उपयोग खुश हूँ प्रारंभिक-पैमाने और चौड़ाई निर्धारित करने के लिए व्यूपोर्ट मेटा टैग। हालांकि नियमित वेब पृष्ठों पर अभी भी काम नहीं लग रहा है।

Answer 4

बस जोड़ें:

<meta name="viewport" content="width=device-width, user-scalable=no" /> 

पृष्ठ पर

और आप Android 2.2+ के लिए तैयार हैं। यह उस पृष्ठ पर काम करता था जिसे मैं अपने फोन पर परीक्षण कर रहा था। स्रोत: When can I use CSS position:fixed?

Answer 5

मैं पुष्टि करते हैं कि अपने html शीर्षक में मेटा नाम का उपयोग

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

आप ऊर्ध्वाधर और Android 2.2, 2.3 पर क्षैतिज स्क्रॉल पर एक निश्चित div है और ऊपर जाएगा और iOS 4 और । मैंने यहां एक उदाहरण दिया: https://dl.dropbox.com/u/908148/website/test-scroll.html