Question

我尝试了以下所有方法，但它们都不起作用：

iframe.style[transform] = 'scale('+(scale)+', 1) translate(-'+(0-scale)+'%, 0)';

iframe.style[transform] = 'scale('+(scale)+', 1) translate(-'+(-scale)+'%, 0)';

var translate = 0-scale;
iframe.style[transform] = 'scale('+(scale)+', 1) translate(-'+translate+'%, 0)';

var translate = 0-scale;
iframe.style[transform] = 'scale('+(scale)+', 1) translate(-'+translate.toString+'%, 0)';

但是，如果我这样做，它确实有效：

iframe.style[transform] = 'scale('+(scale)+', 1) translate(-0%, 0)';

为什么它不起作用？我在Windows 7上使用Firefox 7

Answer 1

没关系，但你试过了吗？

iframe.style[transform] = "scale(" + scale.toString() + ", 1); translate(-" + translate.toString() + "%, 0);";

Answer 2

问题是它可能会生成无效的语法。这里：

'translate(-'+(0-scale)+'%, 0)';
           ^      ^
           |      |____ possible negative number
           |
           |___________ literal minus sign

可能会生成以下字符串：

translate(--0%, 0);
           ^
           |___________ double minus, which is invalid CSS

为什么这个简单的Javascript连接不起作用？

2 个答案: