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

相关内容

热门资讯

科普！we-poker正规吗，... 科普！we-poker正规吗，pokernow辅助控制，原来存在有挂（有挂头条）1、下载好正确养号方...
科普常识！wepoker透视脚... 科普常识！wepoker透视脚本免费使用视频，werplan怎么作弊，竟然存在有挂（有挂秘笈）1、完...
一分钟揭秘！云扑克有透视吗，p... 一分钟揭秘！云扑克有透视吗，pokemmo脚本，原来真的有挂（有挂教学）能透视中分为三种模型：模拟器...
热点推荐！xpoker辅助控制... 热点推荐！xpoker辅助控制，哈糖大菠萝有挂吗，确实有挂（讲解有挂）该软件可以轻松地帮助玩家将外卦...
最新通报！德州局透视脚本，we... 最新通报！德州局透视脚本，wepoker怎么挂底牌，其实是有挂（讲解有挂）1、玩家可以在透视最简单三...
每日必看！wepoker软件安... 每日必看！wepoker软件安装包，wepoker透视是真的吗，其实是真的有挂（真的有挂）1、进入游...
大家学习交流！德州辅助工具到底... 大家学习交流！德州辅助工具到底怎么样，智星德州辅助译码插件靠谱吗，果然是有挂（有挂方针）1、不需要A...
揭秘关于！wepoker有没有... 揭秘关于！wepoker有没有辅助，wepoker如何设置透视，本来真的是有挂（有挂助手）1、有没有...
玩家必看科普！德州透视hhpo... 玩家必看科普！德州透视hhpoker，wpk俱乐部是做什么的，好像真的有挂（有挂规律）1、模拟器是什...
终于清楚！佛手在线有挂吗，hh... 终于清楚！佛手在线有挂吗，hhpoker万能辅助器，确实存在有挂（有挂透明挂）1、下载好脚本下载之后...