TranslateY基于对象的宽度

Question

我有一个关于变换的快速问题，更具体地说是关于翻译的问题。我有一个div，我已经旋转了90度，我想在X轴上翻译它，但是我想将它翻译为文本高度的长度。我的意思是，我目前处理的div是横向的。如果高度是200像素，宽度是300像素（不是，只是想让它更容易想象，我不知道div的高度，因为里面有文字），我想要将div 200px转换为右边。

据我所知，如果我使用translateX或Y的百分比，它会分别根据宽度或高度的百分比进行转换，但是我想知道如何反转它。非常感谢先进！

Answer 1

可以使用javascript完成。 获取元素实际高度：var height = document.getElementById("someId").clientHeight;并将其设置为值以转换属性：element.style.transform = translateY('${height}')

注意：使用temlpate literals将变量放入字符串