移动端动画
本话题发布移动端动画相关的问答文章和技术分享，将持续更新，为您推荐了9篇问答，访问即可查看更多精彩内容。
-
1
回答
12浏览
使用will-change优化移动端动画反而更卡了怎么办？
我在做电商详情页轮播图时，给图片元素加了will-change: transform想优化滚动动画，但实际测试发现低端机滑动反而更卡了。之前尝试用translateZ(0)和opacity:0.99都...
-
2
回答
35浏览
React用requestAnimationFrame做滚动动画移动端卡顿怎么办？
在移动端用React写了一个根据滚动位置变化的动画组件，用requestAnimationFrame更新状态，但手机上滑动时动画特别卡，帧率掉到20多… 代码逻辑是监听scroll事件，在useEff...
-
2
回答
98浏览
移动端CSS动画使用transform时为何仍有卡顿？
大家好，我在给移动端H5页面添加轮播图平移动画时遇到了问题。我用了transform: translateX，但滑动时偶尔还是会卡顿。我尝试过把动画属性写在will-change里，也设置了trans...
-
1
回答
43浏览
移动端动画缓动函数在iOS和Android表现不一致怎么办？
用CSS cubic-bezier写了个弹跳动画，iOS上很流畅但Android卡成PPT，搞不懂为啥差距这么大。试过把ease-in-out改成cubic-bezier(0.25, 0.1, 0.2...
-
2
回答
46浏览
Framer Motion的动画在移动端触屏滑动时偶尔卡顿怎么办？
我在用Framer Motion做移动端导航栏的抽屉动画，用useGesture监听拖动时，偶尔会出现0.1秒的卡顿。尝试过设置layoutTransition和调整dragConstraints，但...
-
1
回答
83浏览
Reanimated动画在组件卸载时如何正确清理？
我在用Reanimated 2实现按钮悬停缩放动画时遇到问题，当点击按钮跳转页面时动画突然中断，页面闪了一下。尝试在useEffect的清理函数里调用stopAnimation，但报错说animate...
-
1
回答
52浏览
Reanimated的ScrollView下拉动画卡顿怎么解决？
我在用Reanimated 2实现下拉刷新动画时，滑动特别卡顿，控制台还报Jank警告。代码都用useSharedValue和interpolate了，但手指松开后动画还是不流畅。 这是我的核心代码片...
-
2
回答
47浏览
移动端transform动画出现元素抖动是怎么回事？
在给移动端H5页面添加图片缩放动画时，用transform: translate(scale)做了缩放，但运行时元素边缘会出现1-2帧的抖动。已经试过加will-change: transform和设...
-
2
回答
53浏览
如何让SVG动画在移动端流畅播放？
最近我在做一个项目，需要在手机上展示一些SVG动画。但是发现动画播放时卡顿明显，特别是在安卓设备上。 我试过优化了SVG文件大小，也减少了动画的复杂度，但效果还是不理想。想知道有没有什么特别的方法或者...
