亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于部分安卓手機使用transition出現卡頓的解決辦法

關于部分安卓手機使用transition出現卡頓的解決辦法

12345678_0001 2019-01-02 17:01:44
用react做的一個項目,其中有一個列表頁,其中的列表內容需要用到展開收縮的動畫,我用了css3 的transition進行實現。代碼如下:  .am-card-body {    max-height: 1.3rem;    overflow: hidden;    transition: max-height 600ms;   }  .am-card-body.expand {    max-height: 4rem !important;   }但是在部分老式的安卓機上,展開收縮的動畫出現了嚴重的卡頓,發現transition的性能開銷比較大,嘗試開啟GPU加速,但是還是不夠流暢。請問有沒有什么好的解決辦法?
查看完整描述

2 回答

?
慕桂英3389331

TA貢獻2036條經驗 獲得超8個贊

1.CSS3動畫已經比JS高效了。
2.開啟GPU加速,transform: translateZ(0);
3.你指的安卓版本如果低于4.4版本,我覺得不用考慮了。

查看完整回答
反對 回復 2019-01-02
  • 2 回答
  • 0 關注
  • 1841 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號