Как добавить анимацию к этому изменению верхнего предела?

Question

У меня есть небольшая базовая функция js / jquery, но я не могу заставить анимацию работать над изменением "margin-top" в Body - мне нужно текущее значение 3em для анимации до 0em , Вот моя функция:

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

Одна часть, которую я не могу понять, это как удалить пиксели (или EM в этом случае) - например, вот идея относительно добавления 50 пикселей к текущей маржинальной вершине со значением "+ = 50", но что такое УДАЛЕНИЕ эквивалентно этому в EM? Как "-3EM" ????:

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

Answer 1

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

Answer 2

Я только что использовал этот скрипт - он не на 100% анимирован в отношении изменения значения EM для значения margin-top тела, а на данный момент является основным исправлением:

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

Answer 3

Вы пробовали это?

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