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

相关内容

热门资讯

有挂存在辅助！微乐小程序辅助器... 有挂存在辅助！微乐小程序辅助器脚本，新道游正版辅助（交流学习经验开挂辅助软件）>>您好：软件加薇13...
有挂猫腻开挂！多乐游戏小程序辅... 有挂猫腻开挂！多乐游戏小程序辅助，微乐家乡自建房辅助app（一起来探讨开挂辅助工具）；无需打开直接搜...
真是有挂辅助！手机脚本辅助软件... 手机脚本辅助软件是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微...
有挂方法开挂！朋朋政和麻将为什... 朋朋政和麻将为什么一直输是一款专注玩家量身打造的游戏记牌类型软件，在朋朋政和麻将为什么一直输这款游戏...
有挂攻略开挂！老友广东麻将有没... 有挂攻略开挂！老友广东麻将有没有假，来物局潮汕辅助（透视智能ai开挂辅助安装） 【无需打开直接搜索加...
有挂总结辅助！宝宝浙江辅助工具... 有挂总结辅助！宝宝浙江辅助工具，永胜联盟金花辅助（玩家必看分享开挂辅助软件）；无需打开直接搜索打开薇...
有挂存在开挂！玖玖互娱辅助工具... 有挂存在开挂！玖玖互娱辅助工具，微乐陕西三代自建房怎么提高胜率（分享给玩家开挂辅助下载）；无需打开直...
证实有挂辅助！微乐自建房辅助，... 微乐自建房辅助是一款专注玩家量身打造的游戏记牌类型软件，在微乐自建房辅助这款游戏中我们可以记录下每张...
有挂方针辅助！福建天天开心辅助... 有挂方针辅助！福建天天开心辅助器是真的码，对战互娱有辅助吗（重大消息开挂辅助软件）>>您好：软件加1...
确实有挂辅助！极速猜一猜暗堡辅... 您好：这款创思维激k看底牌辅助软件游戏是可以开挂的，确实是有挂的，很多玩家在这款创思维激k看底牌辅助...