移动Safari,如何将导航栏带回来?

时间:2013-11-15 18:12:03

标签: javascript jquery mobile mobile-safari iscroll

我正在使用iScroll 4并阻止默认窗口滚动发生。通过执行此操作,每次滚动时都会显示导航栏,这是因为它依赖于窗口滚动来相应地显示或隐藏它,您可以通过执行以下操作来隐藏它:

window.scrollTo(0, 1);

我认为反过来我可以回到导航网址栏,但这不会发生。我们假设导航栏是height = 70

window.scrollTo(0, 70);

我正试图找出发生这种情况的原因。为什么我不能恢复我最初做的事情?我想依赖iscroll的事件onScrollMove并相应地显示或隐藏导航栏(或接近原生方式):

iscrollInstance.onScrollMove: function(){
   // var y = iscrollInstance.y;
   // window.scrollTo(0, y); if y let's say is >= 0 and <= 70
}

这可能有助于了解正在发生的事情:

<div class="container">
  <div class="nav"></div>
  <div class="iscroll"></div>
</div>
  • 当文档准备就绪时,有一个hack基本上使得iscroll高度更大并且容器更大,因此当执行window.scrollTo(0,1)时,导航栏不可见。请记住,正在阻止默认的默认滚动,并且iscroll仅适用于它自己的容器。

  • 我想提一下整页不是只滚动“.iscroll”元素,假设容器是100%,导航是20%,iscroll是80%< / p>

任何建议都表示赞赏!

谢谢!

0 个答案:

没有答案