проблема мерцания анимации css3 в Internet Explorer 11 с помощью ng-hide - PullRequest
Новая
       7

проблема мерцания анимации css3 в Internet Explorer 11 с помощью ng-hide

0 голосов
/ 28 августа 2018

Пожалуйста, посмотрите на это (https://dev.smartbothub.com/4444/v1/api/Dev-master_bot/getBot) в IE 11. Нажмите на выпадающую кнопку в правой части экрана веб-чата при скольжении вниз мерцания веб-чата.

Вот 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. Я использую угловой 1.5 Пожалуйста, помогите мне с этой проблемой.

...