0

我意识到以某种方式iscrollview能够完全禁用 Safari 的地址栏并让它感觉像一个应用程序。即使向下滚动,地址栏也不会显示。事实上,除非您点击“后退”或“前进”,否则您无法恢复地址栏。

滚动视图:

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

我查看了这个旧线程,它在跳转到恰好暂时隐藏栏的位置时提到:jquery mobile如何隐藏移动Safari的地址栏?

那不是我要说的。那么 iscrollview 是如何完全禁用 Safari 栏的呢?有谁知道?

更新 1:

这是试图使页面的高度与显示相同以仅在内部滚动。但是当我一直向下滚动时,它仍然会拉下 Safari 地址栏。基本上,#homeis the pageand #mainis the contentinside。我添加了这个 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