文章/答案/技术大牛

发布

社区首页 >问答首页 >隐藏滚动- Tablet上的导航栏

问隐藏滚动- Tablet上的导航栏
EN

Stack Overflow用户

提问于 2013-12-27 20:58:14

回答 2查看 196关注 0票数 0

我正在使用下面的代码来隐藏滚动上的导航栏，但它似乎在我正在测试的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;
});
});

jquery

css

hide

回答 2

Stack Overflow用户

发布于 2013-12-27 21:08:27

IOS使用onscroll事件

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

票数 0

Stack Overflow用户

发布于 2013-12-27 22:21:46

请参阅Safari Developer Library Handling Events。在iOS上，onscroll事件不会在滚动时触发，而是在用户停止平移(一根或两根手指)且页面停止移动后触发。

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

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

参考：。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20801156

复制

相似问题

问隐藏滚动- Tablet上的导航栏
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏滚动- Tablet上的导航栏EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏滚动- Tablet上的导航栏
EN