angularjs - Internet Explorer 11 中带有 ng-hide 的动画 css3 闪烁问题

Question

请在 IE 11 中查看此（https://dev.smartbothub.com/4444/v1/api/Dev-master_bot/getBot）。单击网络聊天屏幕右侧的下拉按钮向下滑动网络聊天闪烁。

这是用于动画的css。

.animate-slide.ng-hide-remove.ng-hide-remove-active {
    -webkit-animation: 0.5s slide-up;
    animation: 0.5s slide-up;
}

.animate-slide.ng-hide-add.ng-hide-add-active {
    -webkit-animation: 0.5s slide-down;
    animation: 0.5s slide-down;
}

@-webkit-keyframes slide-up {
    from {
        height: 0;
    }
    to {
        height: 80%;
    }
}




@keyframes slide-up {
    from {
        height: 0;
    }
    to {
        height: 80%;
    }
}



@-webkit-keyframes slide-down {
    from {
        height: 80%;
    }
    to {
        height: 0;
    }
}




@keyframes slide-down {
    from {
        height: 80%;
    }
    to {
        height: 0;
    }
}

这似乎只发生在 IE11 中。我正在使用 angular 1.5 请帮我解决这个问题。

标签： angularjscssinternet-explorercss-transitions