Как заставить эту функцию jQuery Animation работать снизу вверх?

Question

Я попытался отредактировать JS для функции анимации в Zoomer.js, вот код:

$('.title').animate({marginLeft:'2px',marginTop:'65px'},d.speedTitle).css({'z-index':'10','position':'absolute','float':'none'})}}},function(){$(this).css({'z-index':'0'});
$(this).find('img').removeClass("hover").stop().animate({marginTop:'0',marginLeft:'0',top:'0',left:'0',width:'100px',height:'100px',padding:'0px'},d.speedRemove);$(this).find('.title').remove()})}}})(jQuery);

Я бы хотел, чтобы маленький красный прямоугольник анимировался снизу вверх, а не изсверху вниз.Я подумал, что это будет так же просто, как изменить marginTop: '65px' на marginBottom: '35px', но это не сработает.

Я читал, что использование position: absolute делает marginBottom неэффективным, но если я используюлюбая другая позиция нарушает эффект.Если это правильно, есть ли обходной путь?Если это не правильно, можете ли вы сказать мне, где я иду не так?

Я ценю время и вклад каждого.

Спасибо!

Answer 1

Поскольку ваш элемент абсолютно позиционирован, вы можете анимировать его свойство bottom :

$(".title").animate({
    marginLeft: "2px",
    bottom: "35px"
}, d.speedTitle);