iphon5 下 translate 失效

fcxh
  • 434

在做页面动画是用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: 移动端

回复
阅读 3k
4 个回答
itstrive
  • 3
新手上路,请多包涵

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

用px 或者rem之类的试试

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

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

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)";
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏