如何使这个 jQuery 动画功能从下到上工作？

Question

我已经尝试在 Zoomer.js 中编辑动画功能的 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);