我从 https://codepen.io/illnino/pen/nsBif 抄了个不错的 google nexus website menu 作我的侧边栏弹出菜单。 使用 bootstrap 的 row 时,该菜单弹出时被覆盖,google search 的两天都没找到解决办法。
求解~
菜单的地址 https://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/
你把你错误那个页面的地址放上来
http://221.1.210.90:3000/branches
如果不使用 bootstrap 的 row 是能正常显示的。
看了一下,两个问题。一个是顶部的导航用了 fixed,这样你的 body 最好设置一下 margin-top。另外侧边导航也用了 fixed,由于你没有用 z-index 来控制元素的显示层级,在前面的元素会覆盖后面的元素。最简单的方法是你把 row 这个 div 移动到 gn-menu 之前,可以解决覆盖的问题。
试过把 row 前移,移动后,这个菜单就废了,只能看见它,点不到它了,边栏也不弹出了。
你把初始化这个菜单的 script 也要放下来,不能初始化菜单和元素之间的遮盖层级错误,这是两个问题。
感谢您的指导,加了 z-index:1 就解决问题了。