我意识到以某种方式iscrollview能够完全禁用 Safari 的地址栏并让它感觉像一个应用程序。即使向下滚动,地址栏也不会显示。事实上,除非您点击“后退”或“前进”,否则您无法恢复地址栏。
滚动视图:
https://github.com/watusi/jquery-mobile-iscrollview
我查看了这个旧线程,它在跳转到恰好暂时隐藏栏的位置时提到:jquery mobile如何隐藏移动Safari的地址栏?
那不是我要说的。那么 iscrollview 是如何完全禁用 Safari 栏的呢?有谁知道?
更新 1:
这是试图使页面的高度与显示相同以仅在内部滚动。但是当我一直向下滚动时,它仍然会拉下 Safari 地址栏。基本上,#home
is the page
and #main
is the content
inside。我添加了这个 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'
});
});