問題描述

不知道有沒有人遇到過，就是用css3做的動(dòng)畫在手機(jī)上，當(dāng)手指在拖動(dòng)屏幕的時(shí)候動(dòng)畫會(huì)停止不動(dòng)了。。由于我沒用JS做過動(dòng)畫，所以不知道JS會(huì)不會(huì)有這個(gè)問題。就想知道，這個(gè)問題有沒有什么方法解決的。。還是說(shuō)我寫的有什么漏掉了。所以造成動(dòng)畫卡頓的了.

哦。對(duì)了。我只是在自己的安卓機(jī)上測(cè)試的。。

問題解答

好像很多都這樣哦，比如gif圖你在拖動(dòng)頁(yè)面時(shí)也是停住的，在手機(jī)端或者app里

CSS動(dòng)畫不同的設(shè)置性能會(huì)有所不同，我可以舉個(gè)例子：位移動(dòng)畫，你用from{坐標(biāo)} to {坐標(biāo)} 和translateXY 的效率就很不一樣，前者在手機(jī)上卡的不行，后者非常流暢。