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
Antwort
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>
Eigentlich tut es nicht. Kannst du die Theorie erklären? – Alexander
@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
@Alexander Sie könnten dies nützlich finden http://stackoverflow.com/questions/25298443/force-address-bar-to-show-in-mobile-chrome-app – Randy
- 1. Mapkit - Kompass immer anzeigen
- 2. Select2 Immer Platzhalter anzeigen
- 3. immer anzeigen niceScroll Schiene
- 4. Videosteuerelemente immer anzeigen
- 5. Immer DataTip anzeigen
- 6. Warum lassen Browser JavaScript immer noch Cookies anzeigen?
- 7. PHP Datum Immer anzeigen abgelaufen
- 8. Immer mindestens zwei Dezimalstellen anzeigen
- 9. immer anzeigen Tooltip (Angular Material2)
- 10. Statusleiste und Softkeys immer anzeigen
- 11. Ionic2 immer links Menü anzeigen
- 12. immer anzeigen Browser Scrollbar Seite zu verhindern
- 13. Fehler mit JavaScript anzeigen
- 14. JavaScript Fensterobjekt immer zugänglich?
- 15. Array in JavaScript anzeigen
- 16. Pasing Javascript Ergebnis anzeigen
- 17. Image Anzeigen in JavaScript
- 18. Javascript Bilder anzeigen/verbergen
- 19. Anzeigen [Objekt HTMLInputElement] - JavaScript
- 20. Javascript Countdown Link anzeigen
- 21. anzeigen Event-Listener - Javascript
- 22. Mondkalender mit JavaScript anzeigen
- 23. Javascript - Standardtabelle auf Laden anzeigen
- 24. Materializecss - Tooltips immer mit Aktionsschaltfläche anzeigen
- 25. Warum NSIndexPath-Länge immer 2 anzeigen? aber
- 26. Teile-Stack immer in Eclipse E4 anzeigen
- 27. Immer in der Mitte des Gerätebildschirms anzeigen
- 28. Wie immer Unterstreichungszeichen anzeigen? (C# Windows Form)
- 29. Immer die Bewertungsblase in md-slider anzeigen
- 30. Zoomsteuerelemente in einem MapView immer anzeigen
Sie könnten gefälschte Scrollen, aber es ist schwierig. – gcampbell
Sie können Ihren HTML-Code mit div umbrechen, indem Sie die Höhe 100% setzen – 4dgaurav
@thesaurabhway wie würde das funktionieren? Wie ich es sehe, erhalten Sie immer noch eine Scroll-Seite und eine versteckte Adressleiste – Alexander