直到完成滚动，粘性导航才会粘滞

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();
});