В настоящее время я работаю над своим портфелем, у меня есть функция translate3d (0,10px, 0) в javascript. Мой вопрос заключается в том, что если я хочу использовать переменную вместо 10px, чтобы избежать жесткой привязки, как бы я это сделал? Я пробовал translate3d (0, a, 0), предполагая, что переменная имеет значение 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);
}
1
HKT 28 Май 2017 в 07:00

2 ответа

Лучший ответ

Вы передаете функцию 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);
}
0
Louay Hamada 28 Май 2017 в 04:08

Сделайте это следующим образом:

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);
}
0
Freelancer 28 Май 2017 в 04:09