完全像jQuery Mobile iscrollview一样禁用地址栏

时间:2013-11-30 09:04:59

标签: javascript css html5 jquery-mobile iscrollview

我意识到 iscrollview 能够完全禁用Safari的地址栏,让它感觉就像一个应用程序。即使向下滚动,地址栏也不会显示。事实上,除非你点击后退或前进,否则你无法获得地址栏。

iscrollview:

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

我看着这个旧线程并提到了跳到恰好隐藏吧台的位置:How does jquery mobile hide mobile safari's addressbar?

这不是我所说的。那么iscrollview是如何完全禁用Safari栏的呢?有人知道吗?

更新1:

这是尝试使页面的高度与显示内容相同,仅在内部滚动。但是当我一直向下滚动时,它仍然会拉下Safari地址栏。基本上,#homepage#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'
    });
  });

0 个答案:

没有答案