如何为jQueryUI定位元素设置动画

时间:2011-10-24 23:35:37

标签: jquery jquery-ui position jquery-animate

我有一个使用jqueryUI的位置定位的元素。

我需要能够通过调整偏移量来设置此元素的动画(以便它保持相对于初始化jQueryUI位置时指定的另一个元素。

我正如图所示定位元素: -

$('#toparrow').position ({

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

        })

并希望将偏移量设为'0 -30'。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

一旦定位,你就可以做一个相对动画:

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

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

由于在那里缺少一个=符号的混淆,这里有一个jsfiddle来说明:

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