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

相关内容

热门资讯

透视了解!哈糖大菠萝有没有挂(... 您好，哈糖大菠萝有没有挂这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多...
经核实!hhpoker有后台操... 经核实!hhpoker有后台操作吗(透视)竟然真的是有辅助下载(有挂详情)-哔哩哔哩1、下载好hhp...
无独有偶!wepoker免费透... 无独有偶!wepoker免费透视(透视)真是存在有辅助软件(证实有挂)-哔哩哔哩小薇（辅助器软件下载...
据通报!pokerrrr2辅助... 据通报!pokerrrr2辅助(透视)一直是真的辅助插件(有挂教学)-哔哩哔哩1、很好的工具软件，可...
长期以来!hhpoker是真的... 长期以来!hhpoker是真的吗(透视)其实是真的辅助安装(讲解有挂)-哔哩哔哩1、每一步都需要思考...
透视辅助!wpk辅助器是真的吗... 透视辅助!wpk辅助器是真的吗(透视)其实存在有辅助app(有挂细节)-哔哩哔哩1）wpk辅助器是真...
透视教程!德扑圈透视挂(透视)... 透视教程!德扑圈透视挂(透视)好像有辅助神器(有挂实锤)-哔哩哔哩1、德扑圈透视挂模拟器是什么优化，...
透视计算!hhpoker德州真... 透视计算!hhpoker德州真的假的(透视)总是有辅助软件(详细教程)-哔哩哔哩该软件可以轻松地帮助...
据公告内容!wepoker安装... 据公告内容!wepoker安装教程(透视)本来真的是有辅助app(有挂详情)-哔哩哔哩wepoker...
透视神器!hhpoker有没有... 透视神器!hhpoker有没有外开挂(透视)好像存在有辅助神器(有挂存在)-哔哩哔哩1）hhpoke...