动画组件
本话题发布动画组件相关的问答文章和技术分享，将持续更新，为您推荐了11篇问答，访问即可查看更多精彩内容。
-
1
回答
26浏览
Slide滑动动画在iOS上卡顿怎么办？
我用CSS写了个简单的slide-down动画，用来展开/收起一个下拉菜单，在安卓和桌面浏览器上都挺流畅的，但在iPhone上特别卡，掉帧严重。试过加transform: translateZ(0)和...
-
1
回答
56浏览
Collapse折叠动画在React中为什么高度过渡不生效？
我用React写了个Collapse组件，想实现点击展开/收起时的高度平滑过渡，但动画完全没效果，直接闪现。试过加transition和maxHeight，还是不行，是不是哪里逻辑错了？ 这是我的代码...
-
2
回答
424浏览
Bounce弹跳动画怎么实现循环播放？
我用CSS写了个Bounce弹跳效果，但只动一次就停了。明明加了animation-iteration-count: infinite，可还是不循环，不知道哪里出错了。 下面是关键代码，是不是timi...
-
2
回答
28浏览
Vue中Transition组件的appear属性不生效怎么办？
我在用 Vue 3 的 <Transition> 组件时，加了 appear 属性想让元素初次渲染时也有动画，但完全没效果。查了文档说要配合 CSS 的 v-appear 类写样式，但我已...
-
1
回答
57浏览
为什么React的CSSTransition在页面切换时动画不连贯？
大家好，我在用React做路由切换动画时遇到问题。用了CSSTransition包裹路由组件，设置进入和离开的CSS类，但切换时动画总是先跳一下再执行过渡效果，这是为什么呢？ 我尝试过给容器加fixe...
-
1
回答
41浏览
为什么Framer Motion的动画在组件卸载时会报错？
我在用Framer Motion的useAnimation控制侧边栏动画时，页面跳转后控制台总是报错：Cannot read properties of null (reading 'style')。...
-
2
回答
33浏览
为什么我的CSS旋转加载动画在页面加载时会突然卡顿一下？
我在做一个简单的旋转加载组件，用CSS3动画实现图标旋转。但每次页面加载时，图标会先显示0.5秒的静态状态，然后才开始旋转。我尝试过把animation-delay设为0和调整will-change属...
-
2
回答
403浏览
为什么给元素加旋转动画后位置偏移了？
我在用CSS的transform: rotate()做旋转动画时，元素旋转后的位置明显偏移了。比如给一个按钮加360度旋转，动画结束后按钮整体向右下方移位了。 我尝试过设置position: abso...
-
2
回答
60浏览
Vue的Rotate旋转动画在组件销毁后为什么还在转？
大家好，我在用Vue写一个加载旋转图标组件，用CSS的rotate动画让图标转起来。但是当我用v-if条件销毁组件时，图标还在页面上继续转几圈才消失，这该怎么解决啊？ 我尝试在组件里这样写的：@key...
-
2
回答
92浏览
为什么手势滑动动画组件时会出现延迟和冲突？
我在用Hammer.js给动画组件添加滑动手势时，发现滑动触发有0.5秒延迟，而且和页面滚动冲突。调整过threshold参数没用，代码是这样的： const mc = new Hammer(elem...
-
2
回答
73浏览
手势拖动动画时，如何让视图位置和手势移动实时同步？
我在用PanGestureHandler实现可拖动卡片时，发现手势移动的位置和视图更新总有一两帧的延迟，感觉有点卡顿。尝试在onChange里用Animated.setValue更新坐标，但松手后位置...
