2017-04-04 44 views
0

這是一個簡單的問題,我幾乎不好意思發佈它,但是我在計算窗口高度的jQuery腳本的上下文中被CSS轉換語法弄糊塗了。正確的語法scrollTop /變換jQuery中的CSS效果?

我有這段代碼;

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

那它是什麼的偉大工程。然而,而不是計算不透明度,我寧願它做一個transform: scale(0.xxxx);。我不知道在哪裏正確放置scale部分,因爲CSS語法已經有括號。

回答

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

或與ES6模板文字語法

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

完美,謝謝! –