CSS定位和jQuery .animate

时间:2014-04-13 14:34:54

标签: jquery css

我想知道你如何制作一个元素(又名div class =" popu")不受jquery .animate的影响。我不希望白色对话框移动,但我确实希望imgs在它下移动,我试过

position:absolute;

但他们仍在继续前进。这是jsfiddle:http://jsfiddle.net/8g84C/ 任何帮助都会很棒!

1 个答案:

答案 0 :(得分:1)

您可以通过更改标记和css定位声明来完成此操作。但如果您想在现有函数中的javascrictp中执行此操作,则只需添加与动画边距具有相同值的负边距

DEMO http://jsfiddle.net/8g84C/1/

$("#e").click(function () {
     $("#re").animate({
         "margin-top": "104px"
     }, 800);
     $(".popu").animate({
         "margin-top": "-104px"
     }, 800);
     $("#ret").animate({
         "margin-top": "104px"
     }, 800);
 });