Как использовать JQuery, чтобы сделать серию изменений позиции на Div

Question

Я бы хотел установить анимацию для набора элементов div.

Вот что у меня есть:

$(".nextwp").click(function(){
    $('.welcome').animate({
        left: "-9999px"
    }, 8500);
    $('.welcome').animate({
        right: "-=9999px"
    }, 0);

    $('.work').animate({
        right: "+0px"
    }, 1300);
});

Я хочу, чтобы div класса .welcome перемещался влево на 8,5 секунды, пока он не будет скрыт от глаз. Затем мне нужно сбросить его положение справа от -9999px. Это не сбрасывает по некоторым причинам. Я иду об этом правильным путем? Как только его позиция установлена ​​в -9999px, мне нужно, чтобы div рабочего класса скользил справа.

Дайте мне знать, если вам нужна дополнительная информация.

Проблема в том, что класс приветствия div по какой-то причине никогда не получает свою позицию в -9999px.

Заранее спасибо.

(в основном простой пользовательский слайдер)

Answer 1

Что ж, если вы думаете об этом подходе, то, что вы на самом деле говорите, это анимировать 9999 пикселей за 8,5 секунд, я бы не ожидал, что это будет вести себя последовательно.

Самый простой вариант - использовать модуль эффектов пользовательского интерфейса jQuery и использовать $el.show('slide').

. Если вы хотите что-то нестандартное, лучше всего создать контейнер с * 1006.* и сдвиньте элемент, пока он не исчезнет из поля зрения.Это будет гораздо более предсказуемо и будет работать лучше.