如何修复汉堡菜单动画？

Posted 2023-04-13

【中文标题】如何修复汉堡菜单动画？

【英文标题】：How to fix hamburger menu animation?

【发布时间】：2021-06-14 15:22:27

【问题描述】：

我已将汉堡菜单添加到我的 Web 应用程序（MERN 堆栈）中，用于 500 像素以下的屏幕尺寸。

当我点击汉堡菜单时，两条线都应该动画成一个十字，这正在发生。但是，两个菜单行也保留在屏幕上。为什么会这样？

我正在为菜单动画使用成帧器动作。 GITHUB 回购：https://github.com/sundaray/hamburger_menu

【问题讨论】：

你能显示汉堡部分的代码吗

请。查看 github 仓库

【参考方案1】：

您的应用中有两个 Hamburger 组件。一个在App.js，一个在Header.js。