Остановить JQuery делать свое дело?

Question

У меня есть этот код.

$(document).ready(function() {
$('#box').hide();
$(window).bind('scroll', function(){
    if($(this).scrollTop() > 200) {
        $("#box").fadeIn(300);
    }
    else {
    $("#box").fadeOut(300);
    }
});
});

Так что, когда я прокручиваю вниз 200px, появляется div.Когда я прокручиваю назад, он исчезнет.Это нормально, пока я не сделаю это много.

Если я прокручиваю вверх и вниз как чокнутый, div продолжает исчезать и исчезать даже после того, как я остановлюсь.Это не относится только к этому случаю, это случалось много раз в прошлом, и я всегда хотел знать, как это исправить (делая так, чтобы это останавливалось, как только я это делал, не делая этого каждый раз, когда прокручивал вверх и вниз)).

Возможно ли это?

Answer 1

jQuery имеет метод stop () - http://api.jquery.com/stop/

В этой статье описывается, как его использовать, похоже, именно то, что вы ищете: http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup

Answer 2

Вы должны добавить функцию остановки в свою очередь следующим образом: . $ ( '# Ящик') остановка (истина) .fadeOut (300);

функция остановки () описание: см. Здесь

Answer 3

Попробуйте использовать stop (), прежде чем другие анимации будут поставлены в очередь:

$(document).ready(function() {
    $('#box').hide();
    $(window).bind('scroll', function(){
        if($(this).scrollTop() > 200) {
            $("#box").stop().fadeIn(300);
        }
        else {
            $("#box").stop().fadeOut(300);
        }
    });
});

См. Документацию здесь: http://api.jquery.com/stop/

Answer 4

Используйте функцию stop ^{документы}

Вам просто нужно позвонить $('#box').stop(true,true).fadeIn(300); и $('#box').stop(true,true).fadeOut(300); соответственно

Answer 5

.clearQueue () работал намного лучше, чем .stop ()