粘性導航不堅持直到滾動完成

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