Lorsque les fenêtres défiler vers le bas la barre de navigation devrait venir une fois, en utilisant js vitesse

Question

j'ai essayé beaucoup de moyens, mais je force obtenir une réponse que la barre de navigation apparaît tellement de temps wen défilement vers le bas

$(window).scroll(function() { 
if ($(this).scrollTop() === 100) { 
    $(".nav").stop(true, true).velocity('transition.bounceIn'); 
} 
}); 

Answer 1

Essayez de remplacer votre code avec cette code: -

$(document).ready(function(){ 
var nav = $('.col-nave'); 
var scrolled = false; 

$(window).scroll(function() { 

if (500 < $(window).scrollTop() && !scrolled) { 
    nav.addClass('visible').css({ "position":"fixed"}); 
    nav.addClass('visible').velocity('transition.bounceIn'); 
    scrolled = true; 
} 

if (200 > $(window).scrollTop() && scrolled) { 
    nav.addClass('visible').css({ "position":"relative"}); 
    nav.addClass('visible').velocity('transition.bounceIn '); 
    setTimeout(function(){ 
     nav.removeClass('visible');},500); 
     scrolled = false;  
} 
}); 

});