Почему я получаю задержку, когда я использую scroll() в jquery?

Question

Я использую простой код для отображения элемента при прокрутке страницы до определенной точки. Код технически работает, но он сильно задерживается. У меня был код console.log некоторые значения отладки (позиция прокрутки). Я обнаружил, что если оператор не не работать, пока после того, как прокрутка была остановлена ​​(или когда я увидел console.log «догнать»):

$(window).scroll(function(){ 
    if($(window).scrollTop() >= 350) { 
     $('#logo').animate({'opacity':'1'}); 
    } else { 
     $('#logo').animate({'opacity':'0'}); 
    } 
}); 

вот jsfiddel: http://jsfiddle.net/nzcxwdmx/1/

You» Если вы подождете достаточно долго, появятся слова «логотип здесь». чем дальше вы прокрутите страницу до 350, тем дольше это займет.

Answer 1

вы используете defaul анимировать значение времени instade его использовать значение времени из милиции

fiddle

Пример кода

$(window).scroll(function(){ 
    var spos = $(window).scrollTop(); 
    $('#scroll').text(spos); 
    if(spos >= 350) { 
     $('#logo').animate({'opacity':'1'},200); 
    } else { 
     $('#logo').animate({'opacity':'0'},200); 
    } 
});