Как анимировать позиционированный элемент jQueryUI - PullRequest
Новая
       19

Как анимировать позиционированный элемент jQueryUI

0 голосов
/ 25 октября 2011

У меня есть элемент, который я позиционировал, используя позицию jqueryUI.

Мне нужно иметь возможность анимировать этот элемент, регулируя смещение (чтобы он оставался относительно другого элемента, который указан при инициализации позиции jQueryUI)..

Я позиционирую элемент, как показано на рисунке: - 

$('#toparrow').position ({

            of: $('#relative_element'),
            my: 'center top',
            at: 'center top',
            offset: "0 0"

        })

И хотел бы изменить смещение на «0 -30».

Как мне этого добиться

1 Ответ

2 голосов
/ 25 октября 2011

Как только он позиционируется, вы можете сделать относительную анимацию: 

$('#toparrow').position({
  of: $('#relative_element'),
  my: 'center top',
  at: 'center top',
  offset: '0 0'
});

$('#toparrow').animate({
    top: '-=30px'
});

Из-за путаницы с пропуском знака =, вот jsfiddle для иллюстрации:

http://jsfiddle.net/bryanjamesross/Vz4WV/

...