Как сделать эту функцию анимации jQuery работать с нижней стороны?

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», но это не делает трюк.

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

Я ценю все время и ввод.

Спасибо!

Answer 1

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

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