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动画会使内容跳跃到不同的高度。

相关内容

热门资讯

技术分享!大头大菠萝辅助!都是... 技术分享!大头大菠萝辅助!都是是真的有辅助技巧(有挂总结)1、起透看视 大头大菠萝辅助辅助软件价格2...
围绕透视问题!菠萝辅助破解版!... 围绕透视问题!菠萝辅助破解版!一贯真的是有辅助攻略(有挂分享)围绕透视问题!菠萝辅助破解版!一贯真的...
玩家必看攻略!胡乐辅助脚本!确... 玩家必看攻略!胡乐辅助脚本!确实真的有辅助软件(有挂分析)1、实时胡乐辅助脚本透视辅助更新：用户可以...
一分钟了解!微信欢乐卡五星辅助... 一分钟了解!微信欢乐卡五星辅助!一直真的是有辅助软件(有挂讲解)1、这是跨平台的微信欢乐卡五星辅助轻...
据相关数据显示!微信小程序雀神... 据相关数据显示!微信小程序雀神广东辅助器!果然真的有辅助工具(有挂规律)1、用户打开应用后不用登录就...
一分钟揭秘!随意玩辅助器透视挂... 一分钟揭秘!随意玩辅助器透视挂!竟然真的有辅助神器(有挂透视)1、操作简单，无需随意玩辅助器透视挂手...
昨日!神途辅助脚本!果然存在有... 昨日!神途辅助脚本!果然存在有辅助方法(有挂规律)神途辅助脚本破解侠是真的助透视。每个模型中均包含「...
重大通报!小唐家乐园辅助器!本... 重大通报!小唐家乐园辅助器!本来是真的有辅助器(确实有挂)1）小唐家乐园辅助器辅助插件：进一步探索小...
一分钟了解!四川游戏辅助器!确... 一分钟了解!四川游戏辅助器!确实真的是有辅助方法(有挂教程)1、下载好四川游戏辅助器正确养号方法之后...
一分钟秒懂!随意玩正版房卡有开... 一分钟秒懂!随意玩正版房卡有开挂!总是存在有辅助器(有挂规律)1、随意玩正版房卡有开挂脚本辅助下载、...