18

calc()たとえば、jQuery animate を使用してCSS を設定しようとしました。

$element.animate({
    height: 'calc(100% - 30px)'
}, 500);

calc()そして、それがjQuery animateで動作していないことに気付きました...

私はそれを行う方法があることを願っています, 私はそれを行うための同様の方法を望んでいません, 代替または回避策, calc() を設定したいです

これは不可能ですか？どういうわけか？

可能であれば、その方法を教えてください。

4

2 に答える 2

6

私はこの正確な質問に対する答えを探していました。このリンクを見て、「はい！」と思いました。それから私は答えを見て、「いいえ！」のようでした。あなたの例に基づいて、私がしたことは次のとおりです。

var nextHeight = $element.parent().width()-30;
$element.animate({
    height:nextHeight
}, {duration:500, complete:function(){ $element.width("calc(100% - 30px)"); } });

私はあなたが求めたことを正確にしなかったことを知っていますが、アニメーション化したい場所にアニメーション化し、終了すると、設定したい幅になります。アニメーション中にサイズを変更しない限り、適切な回避策だと思います。

于 2015-12-08T22:29:37.467 に答える