如何修复汉堡菜单动画? [英] How to fix hamburger menu animation?

问题描述

我已将汉堡菜单添加到我的Web应用程序(MERN堆栈)中，以用于小于500像素的屏幕尺寸.

I have added hamburger menu to my web application (MERN stack) for screen sizes below 500 px.

当我在汉堡菜单上单击时，两条线都应以十字形动画，这正在发生.但是，两条菜单行也保留在屏幕上.为什么会发生?

When I click on the hamburger menu, both the lines should animate to a cross, which is happening. However, the two menu lines remain on the screen as well. Why is it happening?

我正在使用成帧器运动进行菜单动画处理. GITHUB REPO: https://github.com/sundaray/hamburger_menu

I am using framer motion for menu animation. GITHUB REPO: https://github.com/sundaray/hamburger_menu

推荐答案

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

You have two Hamburger components in your app. One in App.js and one in Header.js.

这篇关于如何修复汉堡菜单动画?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！