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