有効にする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. Android Chromeのアドレスバーを自動的に非表示にする
- 2. モバイルブラウザでアドレスバーが常に表示される
- 3. Google Chromeはアドレスバーにどのように候補を表示しますか?
- 4. javascript get「ブラウザのアドレスバー」に表示されるパス名
- 5. アドレスバーに別のURLを表示
- 6. iPadのアドレスバーを非表示にする
- 7. ブラウザのアドレスバーにwww.mysite.comを常に表示するためのGrails URLマッピング
- 8. Javascript - window.open 'location = no'はまだFirefoxのアドレスバーを表示します
- 9. Chrome拡張機能のアドレスバーに表示されるアイコンを非表示にする
- 10. Google ChromeのアドレスバーでJavaScript機能を実行
- 11. UIWebView - スクロール時にアドレスバーを非表示
- 12. $ cordovaInAppBrowserアドレスバーに奇妙なアドレスバーが表示されます
- 13. Chrome拡張機能、Javascript:アドレスバーからURLを取得する
- 14. Firefoxデベロッパーツール+ Chromeデバッガコンソールjavascriptオブジェクトリファレンスのバグ表示
- 15. Firefox 6アドレスバーのjavascript
- 16. アドレスバーの "サイト情報を表示する"セクションにテキストを追加
- 17. Chrome拡張機能PageActionアイコンをアドレスバーに表示するにはどうすればよいですか?
- 18. iPhone 5s - iOS 9.0.2 - サファリ - ランドスケープモードのときにアドレスバーを非表示
- 19. IE8のアドレスバーとステータスバーを非表示にする
- 20. Androidウェブブラウザのバグ:アドレスバーはコンテンツを非表示にします
- 21. モバイルDNN webAppのアドレスバーを非表示にする
- 22. Androidで横向きモードのURLアドレスバーを非表示にする
- 23. faviconファイルがGoogle Chromeのアドレスバーに表示されないのはなぜですか?
- 24. 携帯電話のブラウザでアドレスバーを常に表示するにはどうすればよいですか?
- 25. www.domain.com/somethingの代わりにアドレスバーwww.domain.comに表示する方法
- 26. Android:アドレスバーを表示せずにブラウザウィンドウを開く
- 27. JavaScriptが常に1つの値を表示する場合
- 28. Flash Builder 4.6は、常にGoogle Chromeで空白のhtmlページを表示します
- 29. URLを調整してアドレスバーに表示する
- 30. アドレスバーにロゴを表示する方法は?
あなたは偽のスクロールをできたが、それは難しいです。 – gcampbell
divを高さに設定してHTMLを折り返すことができます。100% – 4dgaurav
@thesaurabhwayどのように動作しますか?私が見ているように、スクロールしているページと隠れているアドレスバーが表示されます – Alexander