Question

我的子菜单位置有问题，当我打开页面子菜单定位好但问题是当我滚动页面而不是尝试打开子菜单时它不在位置。

.has-sub.parent .wrapper {
    position: fixed;
    z-index:500;
}

我知道这个问题是由使用position：fixed引起的，但是如果我尝试改变它而不是在内容div后面显示子菜单，我试图用z-index修复它，但它没有帮助，任何建议都会很棒。

Answer 1

说实话，你的小提琴有点乱......你不能为你的子菜单使用固定的位置。你应该使用＆＃34;绝对＆＃34;位置。

我将此添加到您的CSS中以修改所有导航栏：

.horizontalni li {position:relative;}
.navigation {z-index:100; ;}
.has-sub.parent .wrapper {position: absolute;}
.horizontalni {overflow:visible;max-width:100%}
body {margin:0; padding:0; overflow:hidden;}

在这里您有修改后的示例：http://jsfiddle.net/gtw781sv/1/

希望它可以帮到你一点。

编辑：更改溢出：隐藏溢出：自动进入＆＃34;正文＆＃34;如果你想用滚动条检查它

Answer 2

嗨检查演示此处

http://jsfiddle.net/adarshkr/gtw781sv/4/

在 CSS

中完成的更改

.horizontalni .has-sub .has-sub1 .wrapper{left:100%} /* Updated code */

滚动页面时子菜单离开菜单

2 个答案: