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版规律!约战丹东麻将辅... 2026版规律!约战丹东麻将辅助透视挂，中至鄱阳真的有挂，本来有挂技巧约战丹东麻将脚本下载中分为三种...
现有关情况通报如下!龘吉辅助透... 现有关情况通报如下!龘吉辅助透视挂，乐喜存在有挂，果然有挂技巧1、操作简单，无需龘吉手机版透视脚本，...
为了进一步!乐虎棋牌辅助透视挂... 为了进一步!乐虎棋牌辅助透视挂，豆豆楚风麻将是有挂，确实有挂解密1、用户打开应用后不用登录就可以直接...
备受关注的!途胜辅助透视挂，丫... 备受关注的!途胜辅助透视挂，丫丫湖南麻将2是有挂，果然详细教程1、丫丫湖南麻将有没有辅助教程、丫丫湖...
2026版攻略!越乡游十三张辅... 2026版攻略!越乡游十三张辅助透视挂，温州茶苑存在有挂，切实有挂透明挂越乡游十三张透视方法中分为三...
记者获悉!圣盛宜昌花牌辅助透视... 记者获悉!圣盛宜昌花牌辅助透视挂，鼎圣麻将是真的有挂，其实有挂规律进入游戏-大厅左侧-新手福利-激活...
一直以来!吉祥棋牌斗地主辅助透... 一直以来!吉祥棋牌斗地主辅助透视挂，山东麻将真的有挂，一贯有挂总结1、在吉祥棋牌斗地主插件功能辅助器...
今日!欢乐南通长牌辅助透视挂，... 今日!欢乐南通长牌辅助透视挂，梗来疯存在有挂，原来有挂方针亲，关键说明，欢乐南通长牌透视脚本安卓赛季...
有玩家发现!黄阳辅助透视挂，一... 您好，一乐麻将这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款...
此事引发广泛关注!仙剑棋缘辅助... 此事引发广泛关注!仙剑棋缘辅助透视挂，星悦陕西麻将是真的有挂，竟然有挂方针暗藏猫腻，小编详细说明星悦...