首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >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.tranformdiv.style.translate似乎不起作用。

EN

回答 2

Stack Overflow用户

回答已采纳

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

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

多么?

可以这样做;

代码语言:javascript
复制
div.style.transform = "translate(x,y)"

我发现如果我写

代码语言:javascript
复制
div.style.transform = "translate(someValue)"

它只影响x轴。

代码语言:javascript
复制
"translate-y(someValue)" or "translate-x(someValue)"

没有成功。

或者你可以使用rotate属性;

代码语言:javascript
复制
div.style.transform = "rotate(50px)".

试试看!

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

票数 49
EN

Stack Overflow用户

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

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

代码语言:javascript
复制
div.style.transform = "translateY(10px)";

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

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

https://stackoverflow.com/questions/20707991

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档