Angular ngx-bootstrap折叠不是动画的

发布时间：2020-12-17 17:37:07 所属栏目：安全来源：网络整理

导读：我正在使用角度5和ngx-bootstrap,所以当我尝试添加一个collpase时,通过跟随崩溃 docs,我得到了一个有效的例子,但没有动画(折叠的分散并立即显示没有效果). 那么有没有办法展示动画？解决方法我有同样的问题,我通过一些CSS技巧解决它.它对我有用.我希望它对

我正在使用角度5和ngx-bootstrap,所以当我尝试添加一个collpase时,通过跟随崩溃 docs,我得到了一个有效的例子,但没有动画(折叠的分散并立即显示没有效果).

那么有没有办法展示动画？

解决方法

我有同样的问题,我通过一些CSS技巧解决它.它对我有用.我希望它对你有用.我发生因为ngx-bootstrap不使用“.collapsing”类,所以我在代码中做了一些更改.

#your_nav{
    display: block !important;
    max-height: 1px !important;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#your_nav.show{
    max-height: 230px !important;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!