在动画函数中进行计算

Calculate inside of an animate function

本文关键字:计算 动画 函数      更新时间:2023-09-26

我将保持这个简短。让我们从我的代码开始:

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

我这里有一小段代码,它应该动画315% + 100px padding-bottom。问题是如何让jQuery计算这个。我尝试了"calc(315% + 100px)",就像它在css中工作一样,但它不能解决jQuery中的问题。此外,我还尝试了多种变量,+-符号和"。我还是找不到解决办法。我希望有人能帮助我,提前感谢!

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

根据MDN,当设置padding为百分比时,它总是基于包含元素的宽度

知道了这些,你需要父元素的宽度* 3.15 + 100

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