当高度为100％时，控制Webkit关键帧的高度

Question

我在下面有一个webkit css来设置我的顶部菜单的动画。我只想通过js控制height属性（height：150px），当其100％表示打开时为max-height。

 from {
    height:var(--m,0%);
}

这是我的CSS

@-webkit-keyframes expand{
    0%{height:0px}
    100%{height:150px}
}

Answer 1

您可以使用事件animationend： https://www.w3schools.com/jsref/event_animationend.asp

    document.getElementById('yourselector').addEventListener('animationend', e=>console.log('animation ended'),false)