html - CSS3動畫在移動端卡頓

問題描述

不知道有沒有人遇到過，就是用css3做的動畫在手機上，當手指在拖動屏幕的時候動畫會停止不動了。。由于我沒用JS做過動畫，所以不知道JS會不會有這個問題。就想知道，這個問題有沒有什么方法解決的。。還是說我寫的有什么漏掉了。所以造成動畫卡頓的了.

哦。對了。我只是在自己的安卓機上測試的。。

問題解答

好像很多都這樣哦，比如gif圖你在拖動頁面時也是停住的，在手機端或者app里

CSS動畫不同的設置性能會有所不同，我可以舉個例子：位移動畫，你用from{坐標} to {坐標} 和translateXY 的效率就很不一樣，前者在手機上卡的不行，后者非常流暢。