2013-07-22 18 views
5

Wir haben eine Website, wo mit einem einfachen JavaScriptverstecken mobile Browser-Adressleiste auf Chrom (android)

<body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);"> 

Wir die Adressleiste ausblenden auf den meisten Browsern (Safari, und den native Android-Browser) diese Zeile JavaScript funktioniert gut für die meisten, aber wir haben ein seltsames Verhalten auf Chrom bemerkt, die Seite scrollen tatsächlich nach unten, aber die Adressleiste versteckt sich nicht! Wenn der Benutzer nach dem Laden der Seite mit dem Finger ein wenig nach unten scrollt, wird die Adressleiste normalerweise ausgeblendet.

Ich habe auch versucht, mit dem Ergebnis der Seite voll gescrollt und die Adressleiste ist noch sichtbar ...

Jeder mit dem JS, die ganze Seite nach unten zu scrollen weiß, ob es einen Trick, den ich vergessen ist zu verwenden, oder wenn diese Funktion in Chrome einfach nicht vorhanden ist?

+0

klicken Haben Sie eine Webansicht in Ihrer Anwendung haben, und Sie wollen die addressbar verbergen? – Blackbelt

+0

Nein, ich habe eine mobile Version einer Website (zB eine Webapp) und ich möchte die Adressleiste des Gerätebrowsers ausblenden, dies funktioniert gut mit dem Standardbrowser und für einige andere, wie Doplhin, Safari, und einige mehr, aber mit Chrom funktioniert dieser Hack nicht. –

Antwort

10

scrollTo (0,1) ist noch nicht in Chrome für Android unterstützt (es wurde vor kurzem hinzugefügt und dann entfernt). Wir haben die FullScreen-API, aber das ist ein wenig schwer für das, was Sie erreichen wollen.

+0

scrollTo() wird in Chrome für Android vollständig unterstützt. Es tut einfach nicht, was Sie denken. – GreySage

2

Scheint, dass das neueste Update von Chrome Mobile (22. Juli) die Toolbar Auto-Verbergen-Funktion durchbrochen hat. Beim Scrollen einer Seite wird die Symbolleiste nicht mehr automatisch ausgeblendet. Dies war der Fall auf meinem Nexus 4.

Juli 22 Update bringt den Vollbildmodus für Tablets. Aber ich denke, sie haben versehentlich das Feature für Smartphones kaputt gemacht. Der Vollbildmodus funktionierte bisher auf Smartphones.

Chrome Browser Play Store

0

ich die Art und Weise gefunden, wie die Adressleiste zu verstecken nach dem ersten

if (document.body.webkitRequestFullScreen) { 
    window.addEventListener('click', function(e) { 
    if (e.target.type != 'text' && e.target.type != 'password') { 
     body.webkitRequestFullScreen(); 
     window.setTimeout(function() { 
     document.webkitCancelFullScreen(); 
     }, 500); 
    } 
    }, false); 
} 
+2

"Das erste Berührungsereignis nicht abfangen und einen requestFullscreen ausgeben." - http://www.html5rocks.com/en/mobile/fullscreen/ – CoDEmanX