Ekranları tam boyutta alan ve her biri arasında gezinebileceğiniz "sayfaları" olan bir mobil web sitesinde çalışıyorum. Sorun, kullanıcı adres çubuğu gizlendiğinde, bir kullanıcı aşağı doğru kaydırdığında, pencere yeniden boyutlandırılır. Bu, tüm altına kaydırdığınızda ve adres çubuğunda gizlendiğinde sorunlara neden olur.Mobil cihazda adres çubuğunun gizlenmesini devre dışı bırak
Adres çubuğunun her zaman mobil aygıtlarda gösterilmesi mümkün mü?
Sen div ile HTML'nizi sarın ve böyle bir şey yapabilirsiniz: http://jsfiddle.net/DerekL/Fhe2x/show
$("html, body, #wrapper").css({
height: $(window).height()
});
Bu Android ve iOS üzerinde çalışır.
Ah, anlıyorum. Böylece div, bedenle aynı boyuttadır ancak kaydırılabilir. Bu işe yarayabilir, yakında deneyeceğim. Teşekkürler! – Randy
Bu mükemmel. Ayrıca, birden çok div (eğer çapalarınız ya da sabit-kayan javascript işlevleriniz olduğu için) tutmanız gerekiyorsa, Derek'in her bir "fullpage-div" örneğini uygulayabilirsiniz: Kaydırma sırasında adres çubuğu kaybolmaz, ancak kazanılır. Sorunları yeniden boyutlandırmak. Daha sonra "böcek" ibaresini kullanmadan tam ekran modunu koruyabilirsiniz. Sadece Android 5.0 sürümünde Chrome ile test edildi. – bransharp
iPhone'a mı bakıyorsunuz? Android hakkında bilmiyorum, ancak iPhone için iOS 7'de bu mümkün değil. Yapabileceğin bir şey penceresi için tutarlı bir boyutunu koruyarak bir zaman-minimize gezinti çubuğu olması minimal-ui kullanmaktır:
<meta name="viewport" content="width=device-width, minimal-ui">
http://visuellegedanken.de/2014-03-13/viewport-meta-tag-minimal-ui/
Bunu umut olur!
Bunu gerçekleştirmenin en kolay yolu, belgeyi kaydırmak yerine bir kapsayıcıda kaydırmaktır.
Örn .:
<html><body>
<div id="scrollable-content"> ... all your content here ... </div>
</body></html>
html, body {
height: 100%;
}
#scrollable-content {
height: 100%;
overflow-y: scroll;
}
Sana '
' görünümün aynı yüksekliğini yapıp '' bir kaydırma çubuğu ekleyebilirsiniz inanıyoruz. –