javascript - Javascript JQuery 中的 CSS - 多重转换

Question

我是 Javascript 的新手，我遇到了一些问题:

$video.css({
    'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg) translateY(' + $body.scrollTop() + 'px)'
});

只有 roation 有效，但 translateY 无效。所以，我想要的是在那里进行多次转换。通常的 CSS 代码如下:

transform: rotate(10deg) translateY(10px);

我做错了什么？可能缺少一些符号。

Answer 1

$video.css({
    'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg),
    'transform': translateY(' + $body.scrollTop() + 'px)' 
});