0

HTML Mobile Bolierplate を使用しており、URL アドレス バーを非表示にしようとしています。

<script src="/static/js/helper.js"></script>
<script>
  MBP.hideUrlBar();
</script>

しかし、それは機能していません。helper.js は正常にロードされます。私がどこで間違っているか知っている人はいますか？

ありがとう

4

3 に答える 3

1

Google から来た人には、MBP.hideUrlBar() 関数の使い方について少し説明が必要だと思います。Android (ネイティブ ブラウザのみ、Chrome はアドレス バーを非表示にできません) と iOS で動作するように時間をかけました。

  1. まず、ページにスクロールバーが必要です (つまり、ウェブサイトが であってはなりませんhtml,body height:100%) 。
  2. ウェブサイトを 100% にしたい場合 (これが私の場合です)、html,body に追加する高さを手動で計算して、スクロールバーを完全に非表示にする必要があります (これは、アドレスの高さを知る必要があることを意味します)バー...）

  3. MBP 関数をロード イベントで動作させたい場合は、MBP.hideUrlBarOnLoad() を使用します。サイズ変更（方向の変更）ごとではなく、ロードイベントでのみ機能することに注意してください。サイズ変更関数には次のようなものがあります。

    function resize(){
  firstLoadOfThePage ? MBP.hideUrlBarOnLoad() : MBP.hideUrlBar()
}

    firstLoadOfThePage（それがページの最初のロード（サイズ変更関数の最初の呼び出し）であることを知るためのタグであると仮定します）

それが役立つことを願っています。

于 2012-07-12T17:58:20.397 に答える
1

UI 操作コードを実行する前に、DOM のロード イベントが発生するまで待機することをお勧めします。

初心者ユーザー向け: jQuery:

jQuery(function() {
  MBP.hideUrlBar();
});

ゼプト:

Zepto(function() {
  MBP.hideUrlBar();
});
于 2012-06-18T12:00:28.493 に答える
0

あなたが試すことができます：

window.scrollTo(0, 1);

アドレスバーを非表示にします。

于 2012-04-21T02:00:27.910 に答える