在滚动上隐藏导航栏 - 平板电脑

Question

我正在使用以下代码隐藏滚动条中的导航栏，但它似乎无法在我正在测试的iPad上运行。

jQuery(document).ready(function($) {
var previousScroll = 0,
headerOrgOffset = $('.hide-nav').height();

$('.sq-header-nav').height($('.hide-nav').height());

$(window).scroll(function () {
var currentScroll = $(this).scrollTop();
if (currentScroll > headerOrgOffset) {
    if (currentScroll > previousScroll) {
        $('.sq-header-nav').slideUp();
    } else {
        $('.sq-header-nav').slideDown();
    }
}
previousScroll = currentScroll;
});
});

Answer 1

IOS使用onscroll事件

document.onscroll = function scroll() {
  // on scroll
}

Answer 2

请参阅Safari Developer Library Handling Events。在iOS上，滚动时不会触发onscroll事件，但是在用户停止平移（一个或两个手指）并且页面停止移动之后 - 滚动结束后。

您可以使用touchmove事件处理滚动：

document.addEventListener('touchmove', function() {/*handleMove*/}, false);

参考：MDN Touch Events。