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);

如何使这个jQuery动画功能从底部到顶部工作？

1 个答案: