0

iscrollviewはなぜかSafari のアドレスバーを完全に無効にして、アプリのように感じさせることができることに気付きました。下にスクロールしてもアドレスバーが表示されません。実際のところ、Back または Forward を押さない限り、アドレス バーを元に戻すことはできません。

スクロールビュー:

https://github.com/watusi/jquery-mobile-iscrollview

この古いスレッドを見て、たまたまバーを一時的に非表示にした位置にジャンプすることについて言及しました: How does jquery mobile hide mobile safari's addressbar?

それは私が話していることではありませんでした。では、iscrollview はどのようにして Safari バーを完全に無効にしたのでしょうか? 誰でも知っていますか?

更新 1:

これは、ページの高さをディスプレイと同じにして、内部のみをスクロールする試みです。しかし、一番下までスクロールすると、Safari のアドレス バーが引き下げられます。基本的に#homeは でありpage#mainそのcontent中にあります。このcssを追加しました:

#home, body
  overflow: hidden

#main
  overflow-y: scroll
  -webkit-overflow-scrolling: touch

これは、その場で高さを変更する JS です。

  $('#main').css({
    'height': ($(document).height()) + 'px'
  });

  $(window).resize(function () {
    $('#main').css({
      'height': ($(document).height()) + 'px'
    });
  });
4

0 に答える 0