水平菜单有问题吗? [关闭]

问题描述 投票:-1回答:1

我在水平汉堡包菜单上遇到问题。我尝试这样做,但是当我单击汉堡包时,首先菜单是水平的,但过一会儿是垂直的...您可以在此处运行此代码:https://agnieszkasu.github.io/licencjat/

html css menu css-selectors hamburger-menu
1个回答
0
投票

虽然菜单是不可见的,但它是水平的,因为具有“菜单”类的div的宽度为100%,其中包含无序列表(<ul>)。

一旦切换汉堡菜单,此样式就会从width: 100%变为width: 10%

由于您的问题尚不清楚:如果要保持菜单水平,切勿在切换汉堡菜单时更改宽度。

如果您希望菜单为垂直菜单,但又不想以水平菜单开始,请执行以下任一操作:1)在.menu上也将10%设置为默认值2)或不设置所有属性的动画,只设置不透明度:transition: opacity .2s ease而不是transition: all .2s ease

最后一个解决方案在关闭菜单时仍将菜单显示为水平200ms。

© www.soinside.com 2019 - 2024. All rights reserved.