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'
});
});