计算动画函数

时间:2016-11-16 15:08:03

标签: javascript jquery

好吧,我要保持这个简短。让我们从我的代码开始:

$container.animate({
    paddingBottom: //315% + 100px
}); 

我这里有一小段代码,它可以为315%+ 100px填充底部设置动画。问题是如何让jQuery计算这个。我试过"计算(315%+ 100px)"喜欢它在css中工作,但它并没有解决jQuery中的问题。我还尝试了多个变量,+ -signs和""。我仍然无法找到解决方案。我希望有人可以帮助我,提前谢谢!

ps:不要担心$ container它是一个工作变量

1 个答案:

答案 0 :(得分:5)

根据MDN,将填充设置为百分比时,它始终基于包含元素宽度

知道这一点,你需要父元素width * 3.15 + 100

$container.animate({
    paddingBottom: ($container.parent().width() * 3.15) + 100
});