ng-hide在Internet Explorer 11中出现动画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，请解决此问题。