2017-04-04 10 views
0

これは簡単な質問ですが、私はそれについて投稿するのが恥ずかしいですが、ウィンドウの高さを計算するjQueryスクリプトの文脈では、CSSの変換構文が混乱しています。jQueryのscrollTop/transform CSSエフェクトの適切な構文は?

私はこのコードを持っています。それが何のための素晴らしい作品

$("#unambiguous-div").css("opacity", 1 - $(window).scrollTop()/700);

。しかし、不透明度を計算する代わりに、私はむしろtransform: scale(0.xxxx);を行うだろう。 CSS構文には既に括弧があるので、どこに正しくscale部分を配置するかはわかりません。

答えて

1
$("#unambiguous-div").css("transform", "scale(" + (1 - $(window).scrollTop()/700) + ")"); 

またはES6テンプレートリテラル構文と

$("#unambiguous-div").css("transform", `scale(${1 - $(window).scrollTop()/700})`); 
+0

完璧な、ありがとう! –