• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

关于移动端过渡效果有点卡顿的问题

有个需求就是,移动端页面刚打开就弹出一个交互框,用户点击关闭按钮就从中间向右下角缩放消失,显示另一个按钮,点击这个按钮就从右下角向中间从小到大过渡出交互框,

然后我就这么写了,用jquery控制添加删除类名
.animate-swt-in{transition-duration: .5s;transform: translate3d(calc(50% + 1rem),calc(50% - 0.95rem),0) scale(0);opacity: 0;}.animate-swt-out{transition-duration: .5s;transform: translate3d(calc(50% - 3.75rem),calc(50% - 4.5rem),0) scale(1);opacity: 1;}因为之前的前端写移动端页面的时候使用了calc css计算属性,所以我判断位置的时候也拿来用了,安卓运行的时候还是略微的有点掉帧,苹果也是有点这个要怎么进行优化呢,难道是calc的性能问题吗?

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

发新帖

发布任务需求已有1031167位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!