jquery - jQuery Animate 内联样式

Question

我正在使用 jQuery 通过将必要的 'margin-top' 作为内联样式添加到 div 来垂直居中 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);

});