jQuery Animate Inline Style

Question

我正在使用jQuery通过将必要的"边距顶部"作为内联样式添加到div中来垂直居中div。

我想通过单击功能删除这种内联样式，并将div 动画化为"边距顶部：0"。

到目前为止，我成功清除内联样式的唯一方法是使用..

jQuery('selector').each(function(idx,el){
    el.style.marginTop='';
});

但这会使div 跳到顶部而不是对其进行动画处理。任何帮助将不胜感激

Answer 1

使用 .animate（） 函数

jQuery('selector').animate({
    'margin-top' : 0
});

Answer 2

试试这个：

$('selector').each(function(idx,el){
      $(el).animate({
            marginTop : 0
        },1000);
});