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

相关内容

热门资讯

大家学习交流！wepoker透... 大家学习交流！wepoker透视苹果系统，德普之星辅助工具如何设置，好像是有挂（有挂详细）运辅助工具...
安装程序教程！wepokerp... 安装程序教程！wepokerplus万能挂，wpk透视插件，切实是真的有挂（有挂分析）1、玩家可以在...
推荐十款！wepoker如何设... 推荐十款！wepoker如何设置透视，wepoker智能辅助插件，竟然是真的有挂（有挂助手）1、we...
推荐十款！wepoker手机版... 推荐十款！wepoker手机版透视脚本，wepoker游戏下载，好像存在有挂（有挂秘笈）1、操作简单...
一分钟了解！德州透视插件，we... 一分钟了解！德州透视插件，wepoker私人局辅助器怎么用，切实是真的有挂（确实有挂）暗藏猫腻，小编...
推荐一款！德普之星透视辅助，w... 推荐一款！德普之星透视辅助，wepoker软件靠谱么，果然有挂（有挂方法）1、这是跨平台的轻量版有透...
发现一款！wepoker有没有... 发现一款！wepoker有没有透视方法，扑克之星辅助，其实是有挂（有挂教程）1、任何透视是真的假的的...
重大推荐！德州透视插件，pok... 重大推荐！德州透视插件，pokemmo手机版脚本，一贯真的有挂（新版有挂）1、用户打开应用后不用登录...
玩家交流！wepoker轻量版... 玩家交流！wepoker轻量版辅助，wepoker软件辅助程序，果然真的有挂（详细教程）1. 选牌创...
玩家攻略推荐！pokemmo手... 玩家攻略推荐！pokemmo手机辅助软件，hhpoker底牌透视脚本，真是真的是有挂（有挂教程）一、...