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、完成微乐福建麻...
实测必看辅助脚本!天天麻将九州... 您好，天天麻将九州这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
重大来袭作弊器插件!闲来互娱多... 重大来袭作弊器插件!闲来互娱多功能作弊器插件，闲来互娱都是真的是有作弊器插件1、下载好闲来互娱透视辅...
2024教程透视挂软件!博雅地... 2024教程透视挂软件!博雅地方棋牌多功能透视挂软件，博雅地方棋牌果然真的是有透视挂软件1）博雅地方...
免费测试版开挂软件!三三麻将多... 免费测试版开挂软件!三三麻将多功能开挂软件，三三麻将竟然存在有开挂软件1、三三麻将公共底牌简单，三三...
今日百科外挂工具!博乐温州棋牌... 今日百科外挂工具!博乐温州棋牌多功能外挂工具，博乐温州棋牌切实是有外挂工具博乐温州棋牌破解侠是真的助...
让我来分享经验辅助方法!澳门永... 让我来分享经验辅助方法!澳门永利集团多功能辅助方法，澳门永利集团其实真的有辅助方法所有人都在同一条线...
一起来讨论透视挂方法!澳门永利... 一起来讨论透视挂方法!澳门永利集团多功能透视挂方法，澳门永利集团确实存在有透视挂方法1、让任何用户在...
9分钟了解辅助器工具!嘻嘻红中... 9分钟了解辅助器工具!嘻嘻红中麻将多功能辅助器工具，嘻嘻红中麻将好像有辅助器工具嘻嘻红中麻将辅助器是...
一分钟了解开挂插件!欢乐划水麻... 一分钟了解开挂插件!欢乐划水麻将多功能开挂插件，欢乐划水麻将确实真的有开挂插件1、这是跨平台的欢乐划...