iOS 在方向改变时触发滚动事件

Question

我的网站有一部分应该在用户滚动时隐藏:

$( window ).scroll(function() {
  $('header').addClass('colapsed');
});

视口(viewport)设置为防止像这样缩放:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

但是每当 iOS 上的方向发生变化时，我的滚动回调就会被调用。知道如何克服这个问题吗？

PS:Android 上运行良好

Answer 1

跟踪最近的方向变化。在滚动回调中，检查当前方向是否与之前的方向匹配；如果不匹配，您就知道这是方向改变，因此您可以忽略它。