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

Question

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

0

Моя функция работает на 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);
    }
});

goregrind 29 нояб. 2013, в 17:33

Источник

0

Попробуйте $("div.mouseover > p").stop(true,true).css('opacity', 0);
Tushar Gupta - curioustushar 29 нояб. 2013, в 16:07

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Попробуйте $("div.mouseover > p").stop(true,true).css('opacity', 0);

Rajaprabhu Aravindasamy · Answer 1 · 2013-11-29T13-37-00.000Z

Поскольку ваш вызов 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);
    }
});