Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery和css中的动画?_Jquery_Jquery Animate - Fatal编程技术网

Jquery和css中的动画?

Jquery和css中的动画?,jquery,jquery-animate,Jquery,Jquery Animate,我正在尝试设置一个div的动画,以便在单击链接时移动到顶部。 当我点击另一个链接时,它应该会动画化回到它;s的原始位置和淡出 我使用jquery将div居中。。 现在的问题是,当我点击一个链接时,它工作正常,比如说40像素以上。。 当我点击第二个链接时,我会将该div向下移动 问题是如果我点击第二个链接, 当我为其编写事件处理程序时,div映像向下移动 如何检测div之前是否移动过?就像我点击第一个链接,然后点击第二个链接,div运行良好。。 但是,如果我单击第二个,它将下降,并从屏幕上消失。很

我正在尝试设置一个div的动画,以便在单击链接时移动到顶部。 当我点击另一个链接时,它应该会动画化回到它;s的原始位置和淡出

我使用jquery将div居中。。 现在的问题是,当我点击一个链接时,它工作正常,比如说40像素以上。。 当我点击第二个链接时,我会将该div向下移动

问题是如果我点击第二个链接, 当我为其编写事件处理程序时,div映像向下移动

如何检测div之前是否移动过?就像我点击第一个链接,然后点击第二个链接,div运行良好。。
但是,如果我单击第二个,它将下降,并从屏幕上消失。

很简单,在第一个动画回调中,只需向div添加一个类,如
anim done
,然后在第二次单击的事件处理程序上,在将其动画设置回原始位置并淡出之前检查该类。确保在第二个动画的回调中删除此类


下面是帮助澄清的小提琴:

动画结束后,您可以使用success函数

下面是语法

.animate({co-ords},时间,成功)


参考哪一个在移到左边后淡出div

这很混乱,你能摆弄它吗??我是新手。。谢谢您的支持。@DesignerProgrammer添加了fiddle。干杯