конфликт jQuery и прокрутки анимации

Question

Моя функция работает 100%, когда я немного прокручиваю, но когда я просматриваю всю страницу вниз и быстро прокручиваю, моя непрозрачность: 0 занимает больше времени или вообще не работает. Подумайте, почему? Это потому, что моя функция я звоню много раз?

$(window).scroll(function() { 
    var TopValue = $(window).scrollTop(); 
    if (TopValue <= 50) { 
     $("div.mouseover > p").css('opacity', 0); 
    } else { 
     $("div.mouseover > p").animate({ 
      opacity: '1.0' 
     }, 1000); 
    } 
}); 

Answer 1

С вашего function вызова происходит несколько раз, Вы должны очистить animation queue перед началом другого animation, пожалуйста прочитайте .stop() для дальнейших уточнений.

Попробуйте это,

$(window).scroll(function() { 
    var TopValue = $(window).scrollTop(); 
    if (TopValue <= 50) { 
     $("div.mouseover > p").css('opacity', 0); 
    } else { 
     $("div.mouseover > p").stop().animate({ 
      opacity: '1.0' 
     }, 1000); 
    } 
});