jquery - 当窗口向下滚动导航栏应该出现一次时，使用 velocity js

Question

我尝试了很多方法，但我没有得到任何答案，导航栏在向下滚动时出现了很多次

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

Answer 1

尝试用这段代码替换您的代码:-

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

});