如何为这个 margin-top 值变化添加动画？答案

【问题标题】：How to add an animation to this margin-top value change?如何为这个 margin-top 值变化添加动画？
【发布时间】：2011-09-16 15:00:25
【问题描述】：

我有一个基本的小 js/jquery 函数，但我似乎无法让动画工作来改变 Body 的“margin-top” - 我需要 3em 的当前值来动画到 0em .这是我的功能：

$(".notify-close").click(function () {
  $('#notify-container').css('display', 'none');
  $('body').css("margin-top", "0em");
});

我不知道如何删除像素（在这种情况下为 EM） - 例如，这里有一个关于将 50 像素添加到当前边距顶部的想法，其值为“+=50”，但是 EM 中与此等效的 REMOVAL 是什么？像“-3EM”????：

$("body").animate({
    margin-top: "+=50"
  }, 1500 );

【问题讨论】：

标签： javascript jquery click jquery-animate

【解决方案1】：

你试过了吗？

$("body").animate({
    margin-top: "-=50em"
}, 1500 );

【讨论】：

【解决方案2】：

$("body").animate({
    margin-top: "50px"
  }, 1500 );

【讨论】：

【解决方案3】：

我刚刚使用了这个脚本——它不是 100% 动画来改变 body 的 margin-top 值的 EM 值，但它现在是一个基本的修复：

<script>
    $(".notify-close").click(function () {
        $('#notify-container').css('display', 'none');
        $('body').css("margin-top", "0");
    });         
</script>

【讨论】：