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

相关内容

热门资讯

aapoker俱乐部！德州aa... 1、aapoker俱乐部！德州aapoker俱乐部外挂，（aAPOKER）总是是有挂，详细教程（有挂...
透视辅助！pokeplus脚本... 透视辅助！pokeplus脚本，pokerworld破解版下载（本来是真的有挂）1、pokerwor...
aapoker透视辅助！aap... 1、aapoker透视辅助！aapoker安卓版辅助，（Aapoker）其实是真的有挂，详细教程（有...
透视玄学！pokemmo脚本辅... 透视玄学！pokemmo脚本辅助，sohoo poker辅助器（都是是真的有挂）；1、打开软件启动之...
aapoker猫腻！aapok... aapoker猫腻！aapoker怎么进俱乐部，（AApOKER）本来真的是有挂，详细教程（有挂黑科...
透视苹果版！德州局透视脚本免费... 透视苹果版！德州局透视脚本免费版下载手机版，pokemmo免费脚本（原来真的是有挂）；1、德州局透视...
aapoker发牌机制！aap... 这是一款非常优秀的aapoker发牌机制 ia辅助检测软件，能够让你了解到aapoker发牌机制中牌...
透视脚本！werplan透视挂... 透视脚本！werplan透视挂，哈糖大菠萝怎么开挂（本来存在有挂）；运哈糖大菠萝怎么开挂辅助工具，进...
aapoker挂！aapoke... aapoker挂！aapoker安卓版辅助，（aapOker）竟然有挂，详细教程（有挂教学）;1分钟...
透视辅助！约局吧是否有挂，po... 透视辅助！约局吧是否有挂，pokermaster修改器（好像是有挂）1）约局吧是否有挂辅助挂：进一步...