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

相关内容

热门资讯

玩家必备教程！hhpoker可... 玩家必备教程！hhpoker可以开挂吗，wepoker祈福有用吗，果然是有挂（有挂细节）1、游戏颠覆...
技术分享！约局吧如何查看是否有... 技术分享！约局吧如何查看是否有挂，we-poker辅助器，果然真的有挂（有挂细节）1、首先打开辅助器...
玩家必看科普！hhpoker德... 玩家必看科普！hhpoker德州有挂吗，wepoker辅助透视，确实存在有挂（有挂规律）1、wepo...
玩家必备攻略！德普之星透视软件... 玩家必备攻略！德普之星透视软件免费入口官网，wepoker网页版透视方法，原来有挂（有挂实锤）1、许...
技术分享！wepoker怎么设... 技术分享！wepoker怎么设置盖牌，wejoker手机版透视脚本，竟然是有挂（有挂教程）1、任何透...
总算了解！约局吧是否有挂，德州... 总算了解！约局吧是否有挂，德州私人局怎么透视，竟然是真的有挂（有挂总结）运辅助工具，进入游戏界面。进...
详细说明！wepoker安装教... 详细说明！wepoker安装教程，拱趴大菠萝万能挂，一直是真的有挂（今日头条）进入游戏-大厅左侧-新...
一分钟揭秘！哈糖大菠萝万能挂，... 一分钟揭秘！哈糖大菠萝万能挂，hhpoker怎么开透视，竟然有挂（有挂教程）一、可以开透视的定义与意...
必看攻略！德州辅助工具到底怎么... 必看攻略！德州辅助工具到底怎么样，wepoker辅助工具，真是真的是有挂（竟然有挂）1、打开软件启动...
查到实测辅助！wepoker俱... 查到实测辅助！wepoker俱乐部辅助器，wepoker辅助器是真的吗，真是有挂（有挂技巧）1、这是...