Question

我已经阅读了一些关于此问题的文章，但我无法找到解决方案。我知道在移动设备上，固定定位通常会被禁用，当您在ipad和其他设备上滚动时，在滚动完成之前不会触发操作。

我的情况是，我有一个粘性导航，直到页面停止移动并且滚动完成后才会粘住。因此，如果您将导航滚动到页面顶部，它会继续向上并离开站点，但一旦滚动停止，它就会按照我想要的方式卡在页面顶部的位置。我在http://stickyjs.com/使用了大插头。

任何人都可以告诉我如何在导航到达顶部时将导航棒固定在顶部吗？是http://iscrolljs.com/解决方案吗？

Answer 1

<强> HTML

<nav>
.............
</nav>

<强> CSS

.fixed-nav{
position:fixed;
z-index:9999;
}

<强> JS

$(document).on('scroll',function(){
    var toTop = $('body').scrollTop();
    if (countScroll > offset) {
        $('nav').addClass('fixed-nav');
    } else {
        $('nav').removeClass('fixed-nav');
    }
    e.preventDefault();
});

滚动完成后，粘性导航不会粘住

1 个答案: