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、金币登录送、破产送、升级送、活动送。详细...
我来教大家！宁夏欢乐划水辅助，... 我来教大家！宁夏欢乐划水辅助，微友圈app辅助工具（本来有挂）1、微友圈app辅助工具模拟器是什么优...
必知教程！蜀渝牌血战到底辅助，... 必知教程！蜀渝牌血战到底辅助，宁波同乐游辅助下载（一贯是真的有挂）1、下载好蜀渝牌血战到底辅助正确养...
推荐一款！大宝苏北麻将怎么开挂... 推荐一款！大宝苏北麻将怎么开挂，边锋斗地主插件辅助脚本（切实有挂）1.边锋斗地主插件辅助脚本 选牌创...
终于清楚！福建天天开心王国辅助... 终于清楚！福建天天开心王国辅助，创思维激k开挂视频（一贯是真的有挂）1、游戏颠覆性的策略玩法，独创攻...
科普常识！钱柜手游辅助，东阳四... 科普常识！钱柜手游辅助，东阳四副牌辅助（其实真的有挂）一、东阳四副牌辅助可以开透视的定义与意义1、东...
玩家交流！科乐辅助工作室，微乐... 您好，微乐a3纸牌有脚本这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多...
实测教程！吉林心悦游戏辅助，天... 实测教程！吉林心悦游戏辅助，天酷辅助器（真是是真的有挂）1、玩家可以在吉林心悦游戏辅助透视最简单三个...
带你了解！山西扣点点app技巧... 带你了解！山西扣点点app技巧，光明大厅透视辅助（总是是真的有挂）1、山西扣点点app技巧破解器简单...
我来教教大家！龙岩优优辅助，乐... 我来教教大家！龙岩优优辅助，乐达大连穷胡小鸡满天飞（真是是真的有挂）1、点击下载安装，乐达大连穷胡小...