translate3d関数で変数を使用する方法は？

Question

私は現在自分のポートフォリオに取り組んでおり、javascriptにtranslate3d（0,10px、0）という関数があります。もし私がtranslate3d（0、a、0）をしようとしたのは、値が10pxの変数にあると仮定しているからです。 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

あなたはwebkitTransformに文字列としてtranslate3d関数を渡すとさえ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); 
} 

Answer 2

それを実行してみてください。

function levelBox(_x, _y, _z){ 
    setTimeout(function(){ 
    e1.style.webkitTransitionDuration = "1s"; 
    e1.style.webkitTransitionTimingFunction = "ease-out"; 
    e1.style.webkitTransform = "translate3d("+_x+"px, "+_y+"px, "+_z+"px)"; 
}, 0); 
}