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

相关内容

热门资讯

随着！hhpoker德州机器人... 随着！hhpoker德州机器人，如何下载德普之星辅助软件，总是真的有挂（真是有挂）1、该软件可以轻松...
重大来袭！pokerworld... 重大来袭！pokerworld辅助器，hhpoker软件安装包，真是存在有挂（有挂存在）1、首先打开...
复盘辅助挂！wejoker手机... 复盘辅助挂！wejoker手机版透视脚本，德扑之星怎么设置埋牌，都是真的有挂（有挂方法）1、每一步都...
玩家必看教程！xpoker辅助... 玩家必看教程！xpoker辅助神器，德州局怎么透视，切实是有挂（发现有挂）亲，关键说明，透视脚本安卓...
2026版复盘！wepoker... 2026版复盘！wepoker辅助工具，如何下载德普之星辅助软件，总是真的有挂（有挂技巧）1、下载好...
必备辅助推荐！来玩app破解，... 必备辅助推荐！来玩app破解，hhpoker怎么开透视，一直是真的有挂（有挂细节）；小薇（辅助器软件...
最终！wepoker破解器有用... 最终！wepoker破解器有用吗，如何下载德普之星辅助软件，总是真的是有挂（有挂头条）1、用户打开应...
一秒答解！wepoker有什么... 一秒答解！wepoker有什么规律，xpoker辅助助手，都是有挂（揭秘有挂）1、用户打开应用后不用...
连日来！aapoker如何设置... 连日来！aapoker如何设置胜率，德普之星app安卓版破解版，本来存在有挂（有挂解惑）1、德普之星...
我来教教你！we poker辅... 我来教教你！we poker辅助器下载，hhpoker辅助挂是真的吗，一贯真的有挂（有挂方法）1、辅...