用react做的一個(gè)項(xiàng)目,其中有一個(gè)列表頁(yè),其中的列表內(nèi)容需要用到展開收縮的動(dòng)畫,我用了css3 的transition進(jìn)行實(shí)現(xiàn)。代碼如下: .am-card-body { max-height: 1.3rem; overflow: hidden; transition: max-height 600ms;
} .am-card-body.expand { max-height: 4rem !important;
}但是在部分老式的安卓機(jī)上,展開收縮的動(dòng)畫出現(xiàn)了嚴(yán)重的卡頓,發(fā)現(xiàn)transition的性能開銷比較大,嘗試開啟GPU加速,但是還是不夠流暢。請(qǐng)問(wèn)有沒(méi)有什么好的解決辦法?
關(guān)于部分安卓手機(jī)使用transition出現(xiàn)卡頓的解決辦法
12345678_0001
2019-01-02 17:01:44