javascript - 如何在translate3d函数上使用变量？

Question

我目前正在制作我的作品集，我在 JavaScript 中有一个名为 translate3d(0,10px,0) 的函数。我的问题是，如果我想输出变量而不是 10px 以避免硬编码，我该怎么做？我尝试过 translate3d(0,a,0) 假设 a 位于值为 10px 的变量中(就像这样 a="10px";) 但它没有对页面进行任何更改，并且在控制台中也没有看到错误。提前致谢。

// This is how the function looks like
function levelBox(){
    setTimeout(function (){
    e1.style.webkitTransitionDuration = "1s";
    e1.style.webkitTransitionTimingFunction = "ease-out";
    e1.style.webkitTransform = "translate3d(0, 'a', 0)";
}, 0);
}

Answer 1

您将 translate3d 函数作为字符串传递给 webkitTransform 甚至 a

试试这个

function levelBox(){
    setTimeout(function () {
    var a = "10px";
    var value = translate3d(0, a, 0);
    e1.style.webkitTransitionDuration = "1s";
    e1.style.webkitTransitionTimingFunction = "ease-out";
    e1.style.webkitTransform = value;
    }, 0);
}