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

相关内容

热门资讯

免费测试版开挂工具!悠悠广东麻... 免费测试版开挂工具!悠悠广东麻将多功能开挂工具，悠悠广东麻将原来有开挂工具悠悠广东麻将能透视中分为三...
玩家必看秘籍透视器教程!毳毳多... 您好，毳毳这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款游戏...
终于知道辅助工具!天天黄冈麻将... 终于知道辅助工具!天天黄冈麻将多功能辅助工具，天天黄冈麻将原来是有辅助工具天天黄冈麻将脚本下载中分为...
查到实测开挂技巧!廊坊麻将多功... 查到实测开挂技巧!廊坊麻将多功能开挂技巧，廊坊麻将切实是真的有开挂技巧运廊坊麻将辅助工具，进入游戏界...
总算了解透视器插件!亲邻麻将多... 总算了解透视器插件!亲邻麻将多功能透视器插件，亲邻麻将竟然真的是有透视器插件1、该软件可以轻松地帮助...
盘点一款辅助工具!天天黄冈麻将... 盘点一款辅助工具!天天黄冈麻将多功能辅助工具，天天黄冈麻将竟然有辅助工具1、天天黄冈麻将辅助器安装包...
最新研发外挂app!去玩麻将多... 最新研发外挂app!去玩麻将多功能外挂app，去玩麻将一贯存在有外挂app1、实时去玩麻将透视辅助更...
分辨真假作弊器方法!科尔沁麻将... 分辨真假作弊器方法!科尔沁麻将多功能作弊器方法，科尔沁麻将切实真的有作弊器方法1、科尔沁麻将免费辅助...
分辨真假辅助技巧!开心娱乐多功... 分辨真假辅助技巧!开心娱乐多功能辅助技巧，开心娱乐确实真的有辅助技巧1、不需要AI权限，帮助你快速的...
实测揭晓开挂脚本!闲娱游戏多功... 实测揭晓开挂脚本!闲娱游戏多功能开挂脚本，闲娱游戏真是有开挂脚本1、闲娱游戏模拟器是什么优化，闲娱游...