我在水平汉堡包菜单上遇到问题。我尝试这样做,但是当我单击汉堡包时,首先菜单是水平的,但过一会儿是垂直的...您可以在此处运行此代码:https://agnieszkasu.github.io/licencjat/
虽然菜单是不可见的,但它是水平的,因为具有“菜单”类的div的宽度为100%,其中包含无序列表(<ul>
)。
一旦切换汉堡菜单,此样式就会从width: 100%
变为width: 10%
。
由于您的问题尚不清楚:如果要保持菜单水平,切勿在切换汉堡菜单时更改宽度。
如果您希望菜单为垂直菜单,但又不想以水平菜单开始,请执行以下任一操作:1)在.menu
上也将10%
设置为默认值2)或不设置所有属性的动画,只设置不透明度:transition: opacity .2s ease
而不是transition: all .2s ease
。
最后一个解决方案在关闭菜单时仍将菜单显示为水平200ms。