javascript - CSS 变换 :translateY from JavaScript

标签 javascript css transform

我如何使用来自 JavaScript 的样式对象访问和更改 transform: translateY(0px);,类似于 div.style.background = 50px

我正在努力使我的网页上的标题随着用户向下滚动而消失,但是 div.style.tranformdiv.style.translate 似乎不起作用。

最佳答案

您可以将任何转换属性作为字符串传递。

怎么做?

可以这样做;

div.style.transform = "translate(x,y)"

我发现如果我写

div.style.transform = "translate(someValue)"

它只影响 x 轴。

"translate-y(someValue)" or "translate-x(someValue)"

没有成功。

或者你可以使用旋转属性;

div.style.transform = "rotate(50px)".

试试吧!

https://jsfiddle.net/araknafobia/4wtxu0dr/1/

关于javascript - CSS 变换 :translateY from JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20707991/

相关文章:

javascript - 针对输入到表单输入字段中的特定文本并为其添加样式?

html - 使用 css 更改导入的 SVG 的属性

css - 如何在 CSS 中指定 max-height = min(30em, window.height * 75%)?

javascript - 多个级别的嵌套 ul-li 子级计数并不总是有效

javascript - 显示多个 Google 日历中的所有事件

css - 顺序 CSS 转换与手动计算的 3x3 矩阵不匹配?

java - 从 XML 映射到不匹配的 POJO 的最佳方式

css - 我可以使用 CSS3 缩放背景吗?

javascript - Jest 对调用返回 Promise 的函数的函数进行单元测试

Javascript - 无法解析通过 PHP 发送的 JSON 或字符串