2016-08-16 2 views
4

So aktivieren Sie "immer anzeigen" Adressleiste in Chrome auf einem mobilen Gerät mit Javascript?
Mit anderen Worten, nicht ausblenden, wenn der Benutzer scrollt.Javascript: Immer anzeigen Chrome-Adressleiste

+1

Sie könnten gefälschte Scrollen, aber es ist schwierig. – gcampbell

+0

Sie können Ihren HTML-Code mit div umbrechen, indem Sie die Höhe 100% setzen – 4dgaurav

+0

@thesaurabhway wie würde das funktionieren? Wie ich es sehe, erhalten Sie immer noch eine Scroll-Seite und eine versteckte Adressleiste – Alexander

Antwort

1

Sie können eine div erstellen, die Höhe auf 100% setzen und overflow-y:auto; verwenden.

Wenn Sie diesen Code kopieren und in Ihr Projekt einfügen würden, sehen Sie, dass Sie genau danach suchen.

Bitte verwenden Sie dies mit Vorsicht, ich persönlich liebe, dass Chrom die Navigationsleiste versteckt. Bedenken Sie auch, dass, wenn Sie eine Antwort akzeptieren, die Ihre Frage nicht wirklich beantwortet, niemand sonst es versuchen wird.

Beispiel:

/* You NEED to set the container height */ 
 
html, body { 
 
    height:100%; 
 
} 
 

 
/* Then override the scrollbar by a custom scrollable element: */ 
 
.customnavigation { 
 
    height:100%; 
 
    overflow-y:auto; 
 
}
<div class="customnavigation"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
</div>

+0

Eigentlich tut es nicht. Kannst du die Theorie erklären? – Alexander

+1

@Alexander Ich habe eine Methode wie diese für meine Seite zuvor verwendet, aber Sie müssen sie eventuell etwas anpassen, indem Sie ihr eine "margin-top" und weniger Höhe geben ('calc (100% - margin-top)'). Die Theorie ist, dass dies eine Box mit scrollfähigem Inhalt erzeugt, aber die Box selbst ist nur so hoch wie die Seite selbst. Daher scrollt der "body" nicht und löst nicht aus, dass der Header reduziert wird. – Randy

+0

@Alexander Sie könnten dies nützlich finden http://stackoverflow.com/questions/25298443/force-address-bar-to-show-in-mobile-chrome-app – Randy