【发布时间】：2014-01-09 13:46:02
【问题描述】：
如何使用 JavaScript 中的样式对象访问和更改 transform: translateY(0px);，与 div.style.background = 50px 类似。
我正在尝试使我的网页上的标题在用户向下滚动时消失但是
div.style.tranform 或 div.style.translate 似乎不起作用。
【问题讨论】：
标签： javascript css transform
【发布时间】：2014-01-09 13:46:02
【问题描述】：
您可以将任何转换属性作为字符串传递。
怎么做？
可以这样做；
div.style.transform = "translate(x,y)"
我发现如果我写了
div.style.transform = "translate(someValue)"
它只影响 x 轴。
"translate-y(someValue)" or "translate-x(someValue)"
没有成功。
或者你可以使用旋转属性；
div.style.transform = "rotate(50px)".
试试吧！
【讨论】：
-
div.style.transform = "translateY(someValue)"
-
就我而言，我的错误是忘记了
someValue的单位。例如，不要写translate(10)，而是写translate(10px)。 -
由于某种原因不适合我，它不允许我以任何方式更改变换样式。
除了接受的答案之外，还可以分别针对每个轴 - 例如在以下示例中：
div.style.transform = "translateY(10px)";
同样，括号中的值可以是直接在 CSS 中指定时可以使用的任何值。
【讨论】：