使用 ngb 折叠面板实现动画效果

Question

4

你好，我想知道有没有人知道如何为ngb手风琴添加动画效果？我的代码类似于下面的示例，但是它并不起作用。

/deep/ .my-accordion .card-body {
max-height:0;
overflow: hidden;
transition:max-height 2s;
}

/deep/ .collapse.show{
max-height: 5em;
}

更新

我刚刚改用Primeng手风琴组件。显然它已经带有动画效果：P

- iBlehhz

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Wayne F. Kaskie · Accepted Answer

我有类似的东西，缺少的部分是添加[destroyOnHide]="false"属性。否则，元素将从DOM中移除，因此无法进行动画。我还在隐藏时将顶部/底部填充设置为0，由于上述更改。或者，您可以更改盒模型大小。