CSS转换：来自Javascript的translateY [英] CSS tranform:translateY from Javascript

问题描述

如何使用javascript中的样式对象访问和更改 transform：translateY（0px）; ，类似于 div.style .background = 50px

How would I access and change transform:translateY(0px); using the style object from javascript, in a similar matter to div.style.background=50px

我正在努力使我的网页上的标题消失，因为用户向下滚动但是
div.style.tranform 或 div.style.translate 看不到工作

I'm trying to make it so a header on my webpage disappears as the user scrolls down but div.style.tranform or div.style.translate don't seen to work

推荐答案

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

You can pass any transform property as a string.

如何？

可以这样做;

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

我发现如果我写了

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

它只影响x轴。

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

没有用完。

或者你可以使用rotate属性;

Or you can use rotate property;

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

试一试！

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

这篇关于CSS转换：来自Javascript的translateY的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！