Angular动画会导致内容跳动到不同的高度。
创始人
2024-10-24 13:31:34
0次

在Angular动画的CSS样式中，添加以下代码：

:host { display: block; }

这会确保在动画期间元素的高度保持不变，从而避免跳动。例如：

@Component({ selector: 'app-component', templateUrl: './app.component.html', styleUrls: ['./app.component.css'], animations: [ trigger('fadeInOut', [ transition(':enter', [ style({opacity: 0}), animate(500, style({opacity: 1})), ]), transition(':leave', [ animate(500, style({opacity: 0})), ]), ]), ], }) export class AppComponent {}

app.component.css：

:host { display: block; }

.fadeInOut { opacity: 1; }

上一篇：Angular动画和分散显示：无

下一篇：Angular动画会使内容跳跃到不同的高度。

相关内容

热门资讯

最新技巧开挂!2278游戏辅助... 最新技巧开挂!2278游戏辅助透视挂，约约吉林麻将确实有外挂，一直竟然有挂1.约约吉林麻将 选牌创建...
连日来透视挂!熊猫欢乐斗辅助透... 连日来透视挂!熊猫欢乐斗辅助透视挂，湘友真的是有外挂，本来有挂神器1、起透看视 熊猫欢乐斗辅助软件价...
分享给玩家辅助!宝宝守护辅助透... 分享给玩家辅助!宝宝守护辅助透视挂，米乐互娱确实有外挂，切实有挂工具1、完成宝宝守护有辅助插件，帮助...
玩家必看教程开挂!葫芦娃犇辅助... 玩家必看教程开挂!葫芦娃犇辅助透视挂，大发麻将真的有外挂，一贯有挂教程1、玩家可以在葫芦娃犇线上大神...
玩家必看教程透视挂!famil... 玩家必看教程透视挂!family辅助透视挂，牵手跑胡子是真的有外挂，确实有挂技巧1、该软件可以轻松地...
做出回应辅助!天天十三张辅助透... 做出回应辅助!天天十三张辅助透视挂，约战扯拉克真的是有外挂，都是有挂分享1、下载好天天十三张脚本下载...
记者爆料开挂!青龙大厅辅助透视... 记者爆料开挂!青龙大厅辅助透视挂，攒劲甘肃麻将存在有外挂，切实有挂透视1、不需要AI权限，帮助你快速...
据玩家消息透视挂!大唐麻将游戏... 据玩家消息透视挂!大唐麻将游戏辅助透视挂，夜猫麻将是真的有外挂，确实真实有挂1、大唐麻将游戏破解器简...
今日重大通报辅助!兴动荆卫游戏... 今日重大通报辅助!兴动荆卫游戏辅助透视挂，福来麻将真的有外挂，原来有人有挂1、玩家可以在兴动荆卫游戏...
有消息称透视挂!进击娱乐辅助透... 有消息称透视挂!进击娱乐辅助透视挂，台州果果麻将真的有外挂，一贯有人有挂1、用户打开应用后不用登录就...