动画jQuery Ui位置()

loc*_*ost 13 css jquery user-interface positioning jquery-animate

如何使用当前位置设置动画position({of:,my:,at:})?有没有办法自动化该过程,还是我必须手动设置CSS属性的动画?

bvs*_*bvs 26

这个答案可能是在二月份,但现在有一个更简单的方法.

position方法using仅为此目的而采用参数.例如:

$(div).position({
    at: "left+50% top+50%",
    of: $(div).parent(),
    using: function(css, calc) {
        $(this).animate(css, 200, "linear");
    }
});
Run Code Online (Sandbox Code Playgroud)


Bra*_*ord 1

你看过.animate()吗?

\n\n

编辑:现在我更好地理解了你在寻找什么,这是我编写的一个 jQuery 插件来完成这件事

\n\n

这里以一个快速的 jsFiddle 为例

\n\n

我将选项设置为可配置对象。例子:

\n\n
$(\'#clickme\').click(function() {\n    $(\'#blah\').align({speed:1000,y:false});\n});\xe2\x80\x8b\n
Run Code Online (Sandbox Code Playgroud)\n\n

编辑:删除其他代码,因为它不再是必要的,而且只是把事情弄乱了。清理我的新代码。修复了偏移父定位问题。使用最新版本的源添加了 git 存储库和 jsFiddle 的链接。

\n