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

相关内容

热门资讯

2026外挂！丰城双剑辅助，陕... 您好，陕西三代实战技巧这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩...
2026外挂！光明辅助器，九九... 2026外挂！光明辅助器，九九联盟辅助神器（果然真的有挂）亲，关键说明，九九联盟辅助神器透视脚本安卓...
2026外挂！雀神麻将辅助透视... 2026外挂！雀神麻将辅助透视，相约十三水辅助开挂教程（确实真的是有挂）1、下载好相约十三水辅助开挂...
2026外挂！八闽掌上十八扑脚... 2026外挂！八闽掌上十八扑脚本，微信小程序大贰辅助工具（一贯真的是有挂）1、这是跨平台的微信小程序...
2026外挂！哥哥打大a辅助工... 2026外挂！哥哥打大a辅助工具，798大菠萝辅助（总是有挂）1、许多玩家不知道哥哥打大a辅助工具辅...
2026外挂！h5大厅反杀教程... 2026外挂！h5大厅反杀教程，胡乐辅助脚本可靠吗（一贯存在有挂）2026外挂！h5大厅反杀教程，胡...
2026外挂！微信小程序开发，... 2026外挂！微信小程序开发，潮汕来物局开挂方法（本来真的有挂）1、用户打开应用后不用登录就可以直接...
2026外挂！天天海南家园辅助... 2026外挂！天天海南家园辅助，wepoker私人局辅助器（一直是有挂）该软件可以轻松地帮助玩家将w...
2026外挂！老k游戏辅助，涂... 2026外挂！老k游戏辅助，涂山山西辅助（其实是真的有挂）；1、任何涂山山西辅助透视是真的假的的玩家...
2026外挂！山西扣点子的技巧... 2026外挂！山西扣点子的技巧，途游四川小程序好运卡（确实有挂）2026外挂！山西扣点子的技巧，途游...