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

发布于 2024-12-11 17:13:39 字数 361 浏览 0 评论 0原文

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

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

我如图所示定位该元素：-

$('#toparrow').position ({

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

        })

并且希望将偏移量设置为 '0 - 30'.

我怎样才能做到这一点？

原文

I have an element that I have positioned using jqueryUI's position.

I need to be able to animate this element by adjusting the offset (so that it remains relative to another element which is specified when initialising jQueryUI position.

I am positioning the element as shown:-

$('#toparrow').position ({

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

        })

And would like to aniate the offset to '0 -30'.

How can I achieve this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

满地尘埃落定 2024-12-18 17:13:39

一旦定位，你就可以做一个相对的动画：

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

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

由于缺少 = 符号而造成混乱，这里有一个 jsfiddle 来说明：

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

Once it's positioned, you can do a relative animation:

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

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

Due to the confusion of missing an = sign there, here's a jsfiddle to illustrate:

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

回复收藏 0 原文

~没有更多了~