javascript - jQuery でこの値をスタイルする方法

Question

このスタイルを jQuery に適用して、css 経由で適用するよりも幅広いサポートを提供しようとしています。

CSS3 の calc() 関数が関係しています。

CSS3 スタイルは次のとおりです。

#search{
    top:calc(3rem + 32px);
}

jQuery でこのスタイルを適用するときに 32px を追加するにはどうすればよいですか。jQueryで数学演算を行う方法はありますか?

単一のユニットを使用して、現在私が知っている方法は次のとおりです。

$('#search').css('top','3rem');

次のようなことはできますか:

$('#search').css('top','3rem + 32px');

もしそうなら、どのように？

Answer 1

jQuery でこのスタイルを適用するときに 32px を追加するにはどうすればよいですか。jQueryで数学演算を行う方法はありますか?

これを試して：-

デモ

$('#search').css("top","3rem").css("top", "+=32px")

Calc は、すべてのブラウザでサポートされているわけではありません。サポートについては、 を参照してください。しかし、これは少なくとも動作することが保証されています。

@adeneoが指摘したように、remのサポートを見てください