有個(gè)需求就是,移動(dòng)端頁面剛打開就彈出一個(gè)交互框,用戶點(diǎn)擊關(guān)閉按鈕就從中間向右下角縮放消失,顯示另一個(gè)按鈕,點(diǎn)擊這個(gè)按鈕就從右下角向中間從小到大過渡出交互框,然后我就這么寫了,用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;}因?yàn)橹暗那岸藢懸苿?dòng)端頁面的時(shí)候使用了calc css計(jì)算屬性,所以我判斷位置的時(shí)候也拿來用了,安卓運(yùn)行的時(shí)候還是略微的有點(diǎn)掉幀,蘋果也是有點(diǎn)這個(gè)要怎么進(jìn)行優(yōu)化呢,難道是calc的性能問題嗎?
關(guān)于移動(dòng)端過渡效果有點(diǎn)卡頓的問題
可以說很強(qiáng)了
2018-07-24 09:39:38