javascript - jQuery 中 scrollTop/transform CSS 效果的正确语法？

Question

这是一个如此简单的问题，我几乎不好意思发布它，但我对计算窗口高度的 jQuery 脚本上下文中的 CSS 转换语法感到困惑。

我有这个代码；

$("#unambiguous-div").css("不透明度", 1 - $(window).scrollTop()/700);

这很好用。然而，与其计算不透明度，我宁愿它做一个 transform: scale(0.xxxx);。我不确定在哪里正确放置 scale 部分，因为 CSS 语法已经有括号。

Answer 1

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

或者使用 ES6 模板字面量语法

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