jQuery Animate内联样式

Question

我使用jQuery通过在div中添加必要的“margin-top”作为内联样式来垂直居中div。

我想通过点击功能删除此内联样式，并将div设置为'margin-top：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);

});