如何修复移动菜单的打开和关闭延迟？

Question

我创建了一个导航菜单。我正在使用 Bootstrap 5，但我稍微修改了默认菜单 sn-ps。问题是当我打开和关闭移动菜单时，会有一点延迟。

这是我的代码：

https://codepen.io/dtommy79/pen/xxXYQdr

我尝试逐个禁用元素以查看是否有任何元素导致问题，但没有。

我还尝试从 .navbar-elements 类中删除转换，但它不会导致问题。

我也尝试了一些建议here，但它并没有解决我的问题。

感谢任何帮助。

Answer 1

将第 277 行的填充移动到与您正在显示/隐藏的元素不同的元素，例如 .navbar-elements 中的菜单容器。