javascript - 当高度为 100% 时操纵 webkit-keyframes 的高度

标签 javascript html css

<分区>

我有下面的 webkit css 来为我的顶部菜单设置动画。我只想通过 js 控制高度属性(高度:150px),当它的 100% 意味着打开时的最大高度。

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

这是我的 CSS

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

最佳答案

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

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

关于javascript - 当高度为 100% 时操纵 webkit-keyframes 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57009956/

上一篇:php - 用php保存urls截图

下一篇:javascript - 如何制作动画 svg 饼图

相关文章:

javascript - Extjs:由于 Ext.grid.column.Widget,网格崩溃

javascript - Canvas JavaScript HTML——从一个父级创建多个实例

html - 为什么我的线性渐变只适用于一页?

jquery - 如何定位 jQuery 对话框?

html - img如何居中?

javascript - 在某个滚动位置单击按钮时修复滚动位置

javascript - Discord.js 如何切片链接

javascript - 使用 $.ajax 删除帖子

javascript - 使用带有不是从 div 开头开始的标签的省略号

javascript - JS : join()-ing an array of objects