（移动）如何在滚动期间保持导航栏隐藏

Question

我正在研究这个问题：mobiledoor 对于Mobile，我想隐藏导航栏并将其隐藏起来。 我已经在使用了：

setTimeout(function () {
  window.scrollTo(0, 1);
}, 500);

要隐藏导航栏并最初隐藏方向更改，我希望导航栏在滚动期间保持隐藏状态。我希望它工作在他们看到导航栏的唯一方法是，无论如何，在iPhone上，他们触摸屏幕的顶部。显然，在向下滚动页面时它已经隐藏得很好，但是当你向后滚动到顶部时它会显示导航栏，我真的想把它隐藏起来。

我正在考虑在触摸端触发这个问题的方法

if (window.scrollY < 2) {
    setTimeout(function () {
        window.scrollTo(0, 1);
        }, 0);
    }

但问题是当你滚动到顶部时，它会暂时显示导航栏然后转到（0,1）。我希望它根本不显示导航栏。

虽然我似乎无法让它发挥作用。 谢谢！

Answer 1

想到的解决方案是将事件监听器放在滚动上，例如

window.addEventListener('scroll', function() {
  if (window.scrollTop < 44) {
    window.scrollTop = 44;
  }
});

不幸的是，将侦听器放在循环播放器上是非常不合理的，并且通常不赞成。如果您绝对100％需要该功能，请使用受限制的侦听器，以便您的功能不会比每隔10毫秒更频繁地发射。

Answer 2

我有一个想法，我想我只是将整个网站在y轴上向下移动2000px然后找到一个图像，当你滚动得太远时，iphone具有的背景灰色沙哑图案，然后把它放到在y轴上面，如果你向上滚动就好像太过分了。

Answer 3

您必须实现scrollview委托

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;