मैं एक मोबाइल वेबसाइट पर काम कर रहा हूं जिसमें "पेज" हैं जिनमें div है जो स्क्रीन को पूर्ण आकार लेता है और आप प्रत्येक के बीच स्क्रॉल कर सकते हैं। समस्या यह है कि जब भी कोई उपयोगकर्ता नीचे की ओर स्क्रॉल करता है तो खिड़की का आकार बदलता है क्योंकि पता बार छुपाता है। जब आप पूर्ण तल तक स्क्रॉल करते हैं और पता बार तब छुपाता है तो इससे समस्याएं उत्पन्न होती हैं।मोबाइल पर पता बार के छिपाने को अक्षम करें
क्या पता बार हमेशा मोबाइल उपकरणों पर दिखाना संभव है?
आप div साथ अपने HTML लपेट और कुछ इस तरह कर सकते हैं: http://jsfiddle.net/DerekL/Fhe2x/show
$("html, body, #wrapper").css({
height: $(window).height()
});
यह Android और iOS पर काम करता है।
आह, मैं देखता हूं। तो div शरीर के समान आकार है लेकिन स्क्रोल करने योग्य है। यह काम कर सकता है, मैं इसे जल्द ही कोशिश करूंगा। धन्यवाद! – Randy
यह उत्कृष्ट है। साथ ही, यदि आपको एकाधिक divs रखने की आवश्यकता है (शायद क्योंकि आपके पास एंकर या फिक्स्ड-स्क्रॉलिंग जावास्क्रिप्ट फ़ंक्शंस हैं), तो आप प्रत्येक "fullpage-div" पर डेरेक का उदाहरण लागू कर सकते हैं: स्क्रॉल करते समय पता बार गायब नहीं होगा, लेकिन वहां जीता समस्याओं का आकार बदलना नहीं है। फिर आप "बग" स्क्रॉल किए बिना पूर्ण स्क्रीन मोड रख सकते हैं)। क्रोम के साथ एंड्रॉइड 5.0 पर बस परीक्षण किया गया। – bransharp
क्या आप आईफोन देख रहे हैं? मुझे एंड्रॉइड के बारे में पता नहीं है, लेकिन आईफोन के लिए आईओएस 7 पर यह संभव नहीं है। एक बात तुम कर सकते हो minimal-ui का उपयोग हमेशा-कम से कम नेविगेशन पट्टी के लिए, खिड़की के लिए एक सुसंगत आकार रखने है:
<meta name="viewport" content="width=device-width, minimal-ui">
http://visuellegedanken.de/2014-03-13/viewport-meta-tag-minimal-ui/
मुझे आशा है कि मदद करता है!
यह प्राप्त करने का सबसे आसान तरीका दस्तावेज़ को स्क्रॉल करने के बजाय कंटेनर में स्क्रॉल करना है।
उदा .:
<html><body>
<div id="scrollable-content"> ... all your content here ... </div>
</body></html>
html, body {
height: 100%;
}
#scrollable-content {
height: 100%;
overflow-y: scroll;
}
मेरा मानना है कि आप ''
व्यूपोर्ट के रूप में ही की ऊंचाई बनाने के लिए और '' करने के लिए एक स्क्रॉलबार जोड़ सकते हैं। –