有効にするJavascriptを使用して携帯端末でChromeのアドレスバーを「」に常に表示しますか?
つまり、ユーザーがにスクロールしたときに非表示にしないでください。Javascript:常にChromeのアドレスバーを表示
答えて
div
を作成し、高さを100%
に設定し、overflow-y:auto;
を使用できます。
このコードをコピーしてプロジェクトに貼り付けると、これがあなたが探しているものであることがわかります。
これは慎重に使用してください。私は個人的にはクロムがナビゲーションバーを隠すことが大好きです。また、将来的には、あなたの質問に本当に答えることができない回答を受け入れると、誰もそれを行かないということに留意してください。
例:
/* 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>
実際には表示されません。理論を説明できますか? – Alexander
@Alexander私はこれまで私のページにこのような方法を使っていましたが、マージントップとそれ以下の高さ( 'calc(100% - マージントップ)')を与えて少し調整する必要があります。理論では、スクロール可能なコンテンツを持つボックスが作成されますが、ボックス自体はページ自体の高さにすぎません。したがって、 'body'はスクロールせず、ヘッダーが折りたたまれてトリガーされません。 – Randy
@Alexanderこれは便利なことでしょう。http://stackoverflow.com/questions/25298443/force-address-bar-to-show-in-mobile-chrome-app – Randy
- 1. モバイルブラウザでアドレスバーが常に表示される
- 2. Google Chromeはアドレスバーにどのように候補を表示しますか?
- 3. javascript get「ブラウザのアドレスバー」に表示されるパス名
- 4. ブラウザのアドレスバーにwww.mysite.comを常に表示するためのGrails URLマッピング
- 5. iPadのアドレスバーを非表示にする
- 6. Chrome拡張機能のアドレスバーに表示されるアイコンを非表示にする
- 7. Javascript - window.open 'location = no'はまだFirefoxのアドレスバーを表示します
- 8. UIWebView - スクロール時にアドレスバーを非表示
- 9. Firefoxデベロッパーツール+ Chromeデバッガコンソールjavascriptオブジェクトリファレンスのバグ表示
- 10. Chrome拡張機能、Javascript:アドレスバーからURLを取得する
- 11. Firefox 6アドレスバーのjavascript
- 12. アドレスバーの "サイト情報を表示する"セクションにテキストを追加
- 13. Chrome拡張機能PageActionアイコンをアドレスバーに表示するにはどうすればよいですか?
- 14. Androidウェブブラウザのバグ:アドレスバーはコンテンツを非表示にします
- 15. Androidで横向きモードのURLアドレスバーを非表示にする
- 16. モバイルDNN webAppのアドレスバーを非表示にする
- 17. iPhone 5s - iOS 9.0.2 - サファリ - ランドスケープモードのときにアドレスバーを非表示
- 18. IE8のアドレスバーとステータスバーを非表示にする
- 19. faviconファイルがGoogle Chromeのアドレスバーに表示されないのはなぜですか?
- 20. www.domain.com/somethingの代わりにアドレスバーwww.domain.comに表示する方法
- 21. JavaScriptが常に1つの値を表示する場合
- 22. Android:アドレスバーを表示せずにブラウザウィンドウを開く
- 23. Flash Builder 4.6は、常にGoogle Chromeで空白のhtmlページを表示します
- 24. URLを調整してアドレスバーに表示する
- 25. アドレスバーに表示されるURLを変更する
- 26. アドレスバーからデータを取得してページに表示する
- 27. アドレスバーに表示されるクエリ文字列を避ける
- 28. アドレスバーにロゴを表示する方法は?
- 29. アドレスバーとズームを非表示にする方法
- 30. アドレスバーに表示されているURLを取得
あなたは偽のスクロールをできたが、それは難しいです。 – gcampbell
divを高さに設定してHTMLを折り返すことができます。100% – 4dgaurav
@thesaurabhwayどのように動作しますか?私が見ているように、スクロールしているページと隠れているアドレスバーが表示されます – Alexander