文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS转换:从JavaScript转换为Y

问CSS转换:从JavaScript转换为Y
EN

Stack Overflow用户

提问于 2013-12-21 00:32:18

回答 2查看 75.4K关注 0票数 22

如何使用JavaScript中的style对象访问和更改transform: translateY(0px);，这与div.style.background = 50px类似。

我正在试着让我的网页上的一个标题在用户向下滚动时消失，但div.style.tranform或div.style.translate似乎不起作用。

css

transform

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-08-13 16:45:42

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

多么?

可以这样做；

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

我发现如果我写

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

它只影响x轴。

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

没有成功。

或者你可以使用rotate属性；

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

试试看！

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

票数 49

Stack Overflow用户

发布于 2016-02-24 05:12:57

除了接受的答案之外，还可以单独确定每个轴的目标，如下例所示：

div.style.transform = "translateY(10px)";

同样，括号中的值可以是在CSS中直接指定时可以使用的任何值。

票数 16

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20707991

复制

相似问题

问CSS转换:从JavaScript转换为Y
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS转换:从JavaScript转换为YEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS转换:从JavaScript转换为Y
EN