iphon5 下 translate 失效

Question

在做页面动画是用js设置 transform

el.style.webkitTransform = "translate(30vh, 100vw) scale(0.01, 0.01)";
el.style.transform = "translate(30vh, 100vw) scale(0.01, 0.01)";

应用后，iphone5 只有scale生效，translate没起到作用。 iphone6以及其他安卓设备没什么问题。

按理说，如果哪里不兼容，也应该是scale与translate都不生效，奇怪就奇怪在iphone5中scale生效，translate不生效，，大神看看哪里的问题。

ps: 移动端

Answer 1

有可能跟你用的vw,vh有关系，试试换成其他单位

Answer 2

用px 或者rem之类的试试

Answer 3

这个问题前几天，在微信中我也遇到过，可能微信版本太低，或者安卓或者ios的版本过低，不支持这个属性。

Answer 4

麻烦拼接字符串仔细点啊~

el.style.webkitTransform = "translate("+30*vh+","+100*vw+") scale(0.01, 0.01)";

PS:这种拼接串，需要处理单位的哈~比如这种

el.style.webkitTransform = "translate("+30*vh+"px,"+100*vw+"px) scale(0.01, 0.01)";